LinkBack URL
About LinkBacks
ZitierenHallo Perikles,
ich habe ein Grundgerüst aufgebaut. Wäre das so wie Du es Dir vorgestellt hast?
Du findest es unter erste Schritte.
mfg
kami
Hi,
bin gerade dabei mir CSS beizubringen und hab aktuell folgendes Problem.
Ich möchte eine zentrierte 3spaltige Website mit einer festen Breite von 930px.
Der Header soll ein Hintergrundbild enthalten, ein Logo und die Topnavigation. Unter dem Header soll dann noch ein Bereich für Suche oder ähnliches kommen und darunter dann die 3 Spalten. Ganz zum Schluss noch der Footer. Die Spalten sollen sich vertikal ausdehnen können.
Leider versage ich schon beim Header.
So sollte es aussehen:
und so siehts im Firefox aus:
und so im IE:
und das hab ich verbrochen:
CSS:
*{ padding:0; margin:0; }*
body{ text-align: center; background: #1a232a; }
.main {
width: 930px;
background-color: Fuchsia;
margin: auto;
margin-top: 10px;
text-align: left;
}
.header {
background-color: #4A5582;
/*background-image: url(../images/header_bg.jpg);*/
height: 137px;
}
.logo {
background-color: Navy;
width: 504px;
height: 137px;
}
.topnav {
height: 20px;
width: 425px;
background-color: orange;
}
.toolbar {
width: 930px;
height: 15px;
background-color: Lime;
}
HTML:
<body>
<div class="main">
<div class="header">
<div class="logo">
</div>
<div class="topnav">
</div>
</div>
<div class="toolbar"></div>
</div>
</body>
Hab schon einiges versucht und wenn ich mit den margins von topnav trickse dann bekomm ich´s auch in beiden Browsern hin, aber es geht mir eher um das Verständnis warum das jetzt so verschieden aussieht. So wie sich das darstellt würde ich sagen der topnav container steckt noch im logo container, und im IE dehnt er dazu noch den header auf die benötigte höhe aus, das sollte er aber doch eigentlich nicht, oder?
Vielleicht habt ihr ja ein paar gute Tips für mich! Jetzt schonmal Danke!
Gruß
Perikles
Hallo Perikles,
ich habe ein Grundgerüst aufgebaut. Wäre das so wie Du es Dir vorgestellt hast?
Du findest es unter erste Schritte.
mfg
kami
wow! ja so hab ich mir das vorgestellt!
werd gleich mal schauen ob ich selber rausfinde was ich falsch gemacht habe.
Vielen Dank!
Gruß
Perikles
wollte nur wissen, wie es Dir nun ergangen ist.
mfg
kami
Hi,
kam leider noch nicht dazu mir das genauer anzusehen!
Gruß
Perikles
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)