• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

div probleme

Status
Für weitere Antworten geschlossen.

Markus

Neues Mitglied
Hallo Forum Gemeinde,
ich bin gerade dabei ein Grundgerüst für eine Seite zu schreiben. Das Problem ist das die beiden divs (navi2 und content) zusammen eigentlich 900px breit sein sollten, also genauso groß wie die darüber und zentriert jedoch sind sie größer. Verkleinere ich nun eines der beiden entseht eine lücke zwischen den beiden divs was natürlich nicht sein soll. Könnt ihr mir helfen?

Code:
<body>
<div id="hintergrund" align="center"><!-- anfang hintergrund-->

<div id="title">Test Titel</div>
<div id="navi1">Test Navi</div>
<div id="navi2">Test Navi r</div>
<div id="content">Test Content </div>


</div><!-- ende hintergrund--> 
</body>

Code:
#title {
height:80px;
width:900px;
padding:5px;
border: 1px solid silver;
}

#navi1 {
height:20px;
width:900px;
padding:5px;
border: 1px solid silver;
margin-bottom: 20px;
}

#navi2 {
height:250px;
width:126px;
float:left;
border: 1px solid silver;
text-align:left;
padding: 5px;
margin: 0px;
}

#content {
height:380px;
width:750px;
border: 1px solid silver;
text-align:left;
padding: 5px;
margin: 0px;
overflow: visible;
}

#hintergrund {

height:auto;
margin: 0px auto;
padding: 5px;
border: 5px solid silver;
}
 
Zuletzt bearbeitet:
Werbung:
Werbung:
Viele Browser addieren Breitenangaben und paddings, nimm mal die Paddings raus und versuche es dann noch einmal, ob es passt.

(ich denke übrigens floaten wäre einfacher)
 
Padding bringt nix. (die 2 divs verkleinern sich nur und der absand zwischen beiden wird größer) Wie meinste das floaten wäre einfacher?
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben