IE: minusmargin och innehållet försvinner

HTML & CSS

2 svar · 320 visningar · startad av Dryden

Medlem sedan aug. 200218 625 inlägg
Trådstart#1

Har lite div-problem och då i IE.

Har en "huvud"-divbox och i denna har jag samlat några andra div-boxar. En box ligger högst upp i "huvudboxen" och har även fått en margin: -11; på sig. Det ser helt okej ut i både Opera och Firefox men i IE så syns inte de 11 pixlar som går utanför huvudboxen. Koden ser ut så här:

CSS-koden:
#sidebarleft är alltså huvudboxen och #menusidebar2 är den som försvinner i IE om den har ett minusvärde i margin.

#sidebarleft {
	width:172px;
	float:left;
	margin-left: 10px;
	margin-top: -11px;
	background-color: #FFFFFF;
}

#menusidebar2 {
	width:60px;
	float:left;
	min-height: 110px;
	margin-left: 4px;
	margin-top: -8px;
}

XHTML-koden

<div id="sidebarleft">
	<div id="menusidebar2">
		<img src="images/menu_01hem.gif" alt="" height="16" width="76" border="0" />
		...
		...
		...
	</div>
</div>

Skärmdumpar
Se nedan. IE till vänster, FF till höger.

ie_ff.jpg
Medlem sedan apr. 2001762 inlägg
#2

Ser ut som du har en bild högst upp.. försök ändra z-index på divarna eller nåt.

Medlem sedan aug. 200218 625 inlägg
#3

Jag har inget z-index alls på dem. Det konstiga är ju att det faktiskt inte är bilden ovanför som "skymmer" innehållet som försvinner. Då hade det kapats redan vid "Daniel".

Gah, jag har suttit för mycket med färdiga CMS och för lite med hårdknackning de senaste åren. :p ;)

357 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
211 ms — deklarationer (db)
0 ms — hämta statistik (cache)
142 ms — hämta tråd, inlägg och bilagor (db)
212 ms — ändringar (db)