XHTMLforum - Wie kann ich 3 Boxen überlagern??

XHTMLforum (http://xhtmlforum.de/index.php)

- CSS (http://xhtmlforum.de/forumdisplay.php?f=73)

- - Wie kann ich 3 Boxen überlagern?? (http://xhtmlforum.de/showthread.php?t=58176)

Wie kann ich 3 Boxen überlagern??

Hallo,

ich hab folgendes vor:
ich möchte in meinem Headerbereich das Logo über ein Bild verlagern!
hier mal ein screenshot:
http://i29.tinypic.com/dqkowk.jpg

wie mach ich das, dass mein Logo über dem Bild in der Mitte liegt??
hier mal die Codes:

Code:

div#header_container {

         font:10px Verdana,Arial;

         color:#000000;

         margin: 3px 3px;

         padding-top:3px;

         padding-bottom:0px;

         background-color:#ffffff;





}

.boxnavi{

padding:0px;

margin:0 0px 0 0px;

width:110px;

height:80px;

float:right;

clear:right;

text-align:right;

}



.boxlogo{

padding-top:0px;

margin-left:0px;

margin-top:0px

width:346px;

height:71px;

border:none ;

position: absolute;

}



.boxbild{

padding-left:0px;

padding-top:0px;

padding-right:0px;

margin-left:320px;

margin-top:3px;

width:auto;

height:30px;

color: #333333;

z-index:1;

position: absolute;

border: thin dashed #999999;

clear:left;

}

HTML-Code:

<div id="header_container">



                   <div class="boxlogo">

                      <img src="../gfx/logo.png" alt="" border="0" width="346" height="71">

                        </div>



                    <div class="boxbild" >

                       <img src="../images/logo.jpg" alt="" border="0" width="700" height="68">

                       <!--/ ###HEADERBILD### beginn-->



                        <!--/ ###HEADERBILD### ende-->

                        </div>



                   <div class="boxnavi">

                        <ul><a href="#" class"navi_oben_hover"><b>Notfall</b></a>&nbsp;&nbsp;

                            <a href="#" class"navi_oben_hover">Termine</a>&nbsp;&nbsp;

                            <a href="#" class"navi_oben_hover">Stadtplan</a</ul>

                        </div>





                     </div>

Gruß Chiara

z.B. per pos. abs. mit left und top, aber wieso hast Du 2 Grafiken mit gleichlautendem Text im Markup, und willst eine davon unsichtbar machen? Da gibt es ganz andere Möglichkeiten, wenn Du kurz den Sinn des Ganzen erklärst ;)

Zitat:

Zitat von heiko_rs (Beitrag 442472)

:) Die Bilder sind doch nur zur Übung bzw. zum Ausprobieren!!
Es sollen später im Typo3 immer andere Bilder unserer Stadt eingeblendet werden!! Also quasi Menüpunkt Rathaus - Bild vom Rathaus, Wirtschaft - oben Bilder unserer Firmen usw.!! Und ich dachte mir, dass es schön wäre, wenn das Logo da einfließt?! Hm? (komm halt aus der grafischen Schiene....!! *g*)

Wenn es also eher Impressionen (= Dekoration) sind, gehören diese Bilder als background ins CSS und Du brauchst Dir über Überlagerungen keine Gedanken zu machen ;)

z.B. kann eine <h1> das Logo als img enthalten, während ihr die wechselnden Deko-Grafiken als BG-Bild zugewiesen werden.

Danke hab`s hinbekommen!!