Crazy_down
Erfahrenes Mitglied
Hi, ich habe mal eine Frage.
Ich habe einen Header der setzt sich aus 3 Divs zusammen.
Einem kleinen div ganz Oben, einem großem in der Mitte und wieder einem kleinen darunter.
Im Anhang ein Bild dazu.
Jetzt möchte das der Teil in der Mitte etwas nach oben gerückt wird. Das habe ich mit
gemacht. Dabei schiebt sich aber das Bild aus der Mitte über das darüber, es soll aber das von oben über dem der Mitte liegen.
Wenn ich das ganze mit dem unterem Teil mache, Funktioniert es.
Der HTML-Code sieht an der Stelle so aus.
Die Hintergrundbilder bekommt er aus der CSS Datei.
Wie kann ich das Lösen, das der Mittelteil unter dem oberen liegt ?
Vielen Dank.
grüße
crazy_down
Ich habe einen Header der setzt sich aus 3 Divs zusammen.
Einem kleinen div ganz Oben, einem großem in der Mitte und wieder einem kleinen darunter.
Im Anhang ein Bild dazu.
Jetzt möchte das der Teil in der Mitte etwas nach oben gerückt wird. Das habe ich mit
PHP:
top:-20px;
Wenn ich das ganze mit dem unterem Teil mache, Funktioniert es.
Der HTML-Code sieht an der Stelle so aus.
HTML:
<div id="overhead">
</div>
<div id="header">
</div>
<!-- end header -->
<div id="underhead">
</div>
HTML:
#overhead {
border: 0px solid red;
/*filter: alpha(opacity=90);
opacity: 0.5; */
background: #314D6B url('images/zahnrad_header_oben.gif') no-repeat center top;
width: 680px;
height: 40px;
margin: 0 auto;
position:relative;
}
/* Header */
#underhead {
background: #314D6B url('images/zahnrad_header_unten.gif') no-repeat center bottom ;
border: 0px solid green;
width: 680px;
height: 40px;
margin: 0 auto;
position:relative;
top:-2px
}
#header {
background: #314D6B url('images/header.gif') no-repeat center bottom ;
border: solid 0px;
border-color:blue;
position:relative;
width: 680px;
height: 130px;
margin: 0 auto;
position:relative;
top:-20px;
Wie kann ich das Lösen, das der Mittelteil unter dem oberen liegt ?
Vielen Dank.
grüße
crazy_down