webForumDet fria alternativet

IE: minusmargin och innehållet försvinner

HTML & CSS

2 svar · 315 visningar · startad av Dryden

Medlem sedan aug. 200218 625 inlägg
Frågan#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 ;)

258 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
128 ms — ändringar (db)