Frage stellen
vermutlich trifft es der Titel das Problem nicht ganz richtig, aber ich weiß nicht wie ich suchen soll.
Google schmeißt mir IE6 Probleme aus, dass ist aber nicht mein Problem, es tritt auch im Firefox auf, vermutlich ist es schwere Unwissenheit
Ich habe im Layout einen Wrap mit 2 Divs: Main und Sidebar, wenn ich denen mit margin einen oberen Abstand zum Wrap verpassen will, dann funktioniert dass nicht richtig, es erfolgt zwar ein Abstand nach oben, aber der Wrapkasten rutsch sozusagen runter.Gebe ich nun für jede ID eine Border an, so funktioniert es wieder richtig, aber nicht bei einem Wert von Null.
Ich code nach langer Zeit mal wieder selbst - ein Layout soll von der Pike auf entstehen - und entschuldige mich schonmal für diesen vermutlich däm... Fehler, aber ich bin jetzt über eine Stunde dran und komm nicht drauf. (Ich kann mich sogar dunkel dran erinnern, dass ich das Problem schonmal hatte)
Hier kommt mein Code:
- Code: Alles auswählen
<div id="header">
</div>
<div id="mainwrap">
<div id="main">
<h2>[*longtitle*]</h2>
[*introtext*]
[*content*]
{{blindtext}}
</div>
<div id="sidebar">
</div>
<br clear="all" />
<div id="footer">
{{footer}}
</div>
- Code: Alles auswählen
#top{
border: 0px solid black;
height: 150px;
background-color: #F4FFDF;
margin: 10px auto 0px;} /*Abstand nach oben*/
#header{
margin: auto;
width: 960px;
height: 150px;
background: #FFCC33;
}
#mainwrap{
margin: 0 auto;
position: relative;
width: 960px;
height: auto;
background: #FFFFCC;
border: 0px solid black;
}
#main{
margin: 20px;
width: 700px;
float: left;
}
#sidebar{
width: 200px;
margin-top: 20px;
margin-left: 740px;
background: #FFFF99;
}
Ich danke Euch
)