Hallo,
Ich habe da eine kleine Herausforderung an der ich im Moment mir die Zähne ausbeisse.
Ich habe einen DIV Container Header. In diesem sind zwei weitere Container die jeweils ein Bild beinhalten.
Diese beiden Bilder sollen nun auf der Seite zentriert werden und sich genau aneinander reihen.
Hier mal mein Code bis jetzt:
HTML
<div id="header">
<div id="links">
<b>Navigation</b><br/>
text text text text text text text text text text text text text text text text text
</div>
<div id="rechts">
<b>2-spalten-layout jea</b><br/>
und noch ein bischen text : text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text
<div style="clear:both"></div>
</div>
Test
</div>
Alles anzeigen
und Hier mein CSS dazu:
CSS
#heder {
padding: 0px;
margin: 0px auto;
}
#links{
position:absolute;
top:0px;
left:200px;
z-index:1; background-color:#ff5;
background-image: url("../images/h_logo.jpg");
width: 552px;
height: 307px
}
#rechts{
position:absolute;
top:0px;
left:752px;
z-index:2;
background-image: url("../images/h_loginhg.jpg");
float: right;
width: 297px;
height: 307px
}
Alles anzeigen
Über Hilfe wäre ich dankbar Gruss EWSG