nicht angemeldet
Hallo liebes Forum!
Ich versuche gerade endlich einmal eine Website nur mit CSS aufzubauen - also ohne Tabellenlayout ... das Problem ist allerdings, dass ich gleich am Anfang vor einem Problem stehe ... eigentlich ist das Design ein typisches Tabellenlayout und ich krieg das mit CSS nicht ganz hin.
So solls aussehen:
-----------------------------------
| bruecke | logo |
| bruecke | logo |
-----------------------------------
| | |
| | |
| | |
| | |
| | |
| | |
| | |
-----------------------------------
Das Problem hab ich bereits mit dem oberen Bereich, ich weiß nicht, wie ich das Logo in die Mitte bekomme!?
Soweit bin ich bisher gekommen:
body {
background-color: #FFFFFF;
width:100%;
margin:0px;
padding:0px;
}
#oben {
position:absolute;
left:0px;
top:0px;
width:100%;
height:84px;
background-image:url(images/hg.gif);
}
#bruecke {
position:absolute;
left:0px;
top:0px;
width:161px;
height:84px;
}
#logo {
position:absolute;
left:???;
top:0px;
width:???;
height:84px;
???
}
________________________________________________________________
<div id="oben">
<div id="bruecke"><img src="images/bruecke.gif" width="161" height="84"></div>
<div id="logo"><img src="images/logo.gif" width="577" height="84"></div>
</div>
Mit float etc. hab ich auch herumgespielt, aber das scheint hierfür nicht zu funktionieren. Kann mir jemand einen Tipp geben wie ich das mit dem zweiten div (logo) machen muss sodass es einfach die restliche Breite einnimmt und ich dann das Bild darin zentrieren kann?
Liebe Grüße,
sunny