Autor |
Nachricht |
Soneria
Threadersteller
Dabei seit: 16.01.2008
Ort: Kreative Rockbude
Alter: -
Geschlecht:
|
Verfasst Di 20.01.2009 11:44
Titel 3-spaltig |
|
|
Hallo Zusammen,
Firefox zerreißt mir immr mein Layout. Ich wollte gerne, dass unten der main-Bereich dreispaltig wird, aber irgendwie mache ich etwas mit den floats verkehrt. Könnt ihr mir helfen?
In DW sieht alles gut aus, aber in firefox nicht.
Code: | <body>
<div id="container">
<div id="head"></div>
<div id="breadcrumb"></div>
<div id="main">
<div id="navigation"></div>
<div id="content"></div>
<div id="side"></div>
</div>
</div>
</body> |
Code: | body {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background-color: #b8d191;
font-size: 12px;
}
#container {
margin: 0px auto;
margin-top: 10px;
width: 764px;
}
#head {
height: 176px;
background-color: #99CC66;
}
#breadcrumb {
background-color: #999900;
height: 36px;
}
#navigation {
background-color: #FFFFFF;
width: 170px;
height: 200px;
float: none;
}
#content {
height: 200px;
width: 404px;
background-color: #FFFFFF;
float: left;
margin-left: 175px;
}
#side {
background-color: #FFFFFF;
width: 180px;
height: 200px;
float: right;
}
|
Danke schonmal
Soneria
|
|
|
|
|
deeesi
Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 42
Geschlecht:
|
Verfasst Di 20.01.2009 12:02
Titel
|
|
|
du musst die navigation auch floaten. wenn die nicht floatet, dann setzt der rest drunter an.
und der margin-left bei der mitte ist auch falsch
also ich würds so probiern:
Code: | #navigation {
background-color: #FFFFFF;
width: 170px;
height: 200px;
float: left;
}
#content {
height: 200px;
width: 404px;
background-color: #FFFFFF;
float: left;
margin-left: 5px;
} |
Zuletzt bearbeitet von deeesi am Di 20.01.2009 12:05, insgesamt 2-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
Soneria
Threadersteller
Dabei seit: 16.01.2008
Ort: Kreative Rockbude
Alter: -
Geschlecht:
|
Verfasst Di 20.01.2009 12:06
Titel
|
|
|
Hallo deeesi,
ich danke Dir, wie du gesagt hast, habe ich der navigation float: left gegeben und bei dem content margin-left verkleinert!
Jetzt klappt es!
Vielen lieben Dank!
Soneria
|
|
|
|
|
deeesi
Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 42
Geschlecht:
|
Verfasst Di 20.01.2009 12:08
Titel
|
|
|
gerne
|
|
|
|
|
|
|
|
Ähnliche Themen |
Layout 3 spaltig
PHP: Datensätze aus DB 3 spaltig ausgeben
eBay Shop Template 3 spaltig - wie anlegen?
|
|