[grinditwp]

Originally posted by HMH@Nov 20 2008, 11:15
Känns som att css:en är överkomplicerad i onödan. Float kombinerat med marginaler och relativ positionering känns dömt att misslyckas.

Borde inte vara något större problem att rätta till, men svårt då det inte finns någon sida att testa mot. Kan du lägga upp?

Bör dessutom kunna lösas på något alternativt sätt, som t ex padding på leftcolumn istället för margin... eller margin på bilden... eller left: 10px om du nu ändå har position:relative... osv.

Följande kan kanske förklara dina försvinnande bilder:http://www.satzansatz.de/cssd/rpfloat.html

Precis som du säger, så gjorde jag nogd et svårare för mig själv änn nödvändigt.

body {
	background:#FFFFFF url(../../image_layout/layout_bg_1650.jpg) no-repeat 50% top;
	width:auto;
	height:100%;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#site {
	width:840px;
	margin:0 auto;
	margin-top:20px;
}
#top {
	background:url(../../image_layout/layout_png8_topbot.png) 0 0;
	height:13px;
}
#bot {
	background:url(../../image_layout/layout_png8_topbot.png) 0 -13px;
	height:13px;
}
#content {
	background:#FFFFFF;
}
#leftColumn {
	float:left;
	width:280px;
	margin-left:10px;
}

Verkar lösa problmet.

I IE6 får jag av någon anledning ändra #leftColumn

#leftColumn {
	float:left;
	width:280px;
	margin-left:5px;
}

Varför?

Hur som helst tack!