Varför syns inte texten i IE

8 svar · 800 visningar · startad av Nova 26 nov. 2006

NovaMedlem sedan feb. 2005216 inlägg

Frågan26 nov. 2006 07:50#1

Den här texten syns inte i IE men i Firefox. Vad gör jag för fel.

<div class="slumpwrapper"><div class="slump_bild"><a href='#' onClick="MM_openBrWindow('produkter.asp?products_id=33','','width=480,height=620')"><img src="bilder/produkt/pics_s/satake_houcho-1.jpg" alt="kockkniv" title="kockkniv"></a>
</div><div class="knapp">[B]denna syns inte när man tittar på sidan med IE men med firefox [/B]</div></div>

.slumpwrapper{
position:relative; /* containing block för absolut positionerade avkomlingar */ 
	padding-left:5px ;
	padding-top:5px;	
		 width: 46%;
		 height: 275px;		 
	 float:right;
	 margin-right: 6px;
	  margin-bottom: 8px;
	  margin-left: 2px;
	  font-family: Arial,sans-serif;
  font-size: 11px;
  line-height: 1.2;
	border: 1px solid #b39237;
	
	
}
.slump_bild{
   float:right; 
    	width: 97%;
		padding: 2px 2px 2px 2px;
		border-bottom: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		 margin-left: 3px;
		  margin-bottom: 4px;
	
}
.knapp{	
			 width: 100%;
			position:absolute; bottom:4px; left:4px; /* positioneras i förhållande till .bild_wrapper */
	 	
}

zcorpanMedlem sedan dec. 20042 245 inlägg

26 nov. 2006 22:01#2

Syns för mig. Du får nog visa mer kod tror jag.

NovaMedlem sedan feb. 2005216 inlägg

27 nov. 2006 05:27#3

Texten syns i IE när jag tittar i "källan" men inte på skärmen.

TravoniMedlem sedan okt. 20041 556 inlägg

27 nov. 2006 07:45#4

Du får nog visa mer kod tror jag.

NovaMedlem sedan feb. 2005216 inlägg

27 nov. 2006 11:25#5

zcorpan skrev:

Syns för mig. Du får nog visa mer kod tror jag.

Detta block av divar ligger i en content div (mitten delen på en tre spalltig sida) där det finns en del andra saker också, och content diven ligger i en wrapper för hela sidan.
Det blir massor av kod att klistra in så jag hoppas att någon förstår mitt otydliga svar :)

dAEkMedlem sedan feb. 20041 816 inlägg

27 nov. 2006 11:38#6

Det finns olika sätt att implementera trespaltiga sidor, layouter beteer sig olika beroende på om quirks- eller standardsmode triggas. IE tolkar (väl) css lite annorlunda än IE 6, så.. det går nog inte att hjälpa dig om du inte visar mer av din kod.

TroxyMedlem sedan mars 20041 505 inlägg

27 nov. 2006 15:29#7

Själv kunde jag återskapa Novas problem.
Jag har labbat lite och succesivt brutit ner HTML- och CSS-koden.
Den limegröna div2 försvinner för mig i IE6. Är detta ännu en CSS-bugg?
En gång lyckades jag dock få den att ploppa fram, men då satt jag och förstorade och förminskade webbläsarfönstret.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
.wrap{
position:relative; /* containing block för absolut positionerade avkomlingar */ 
width:10em;
height:10em;
background-color:black;
}
.div1{
float:left; 
width:100%;	
background-color:yellow;
}
.div2{
position:absolute; /* positioneras i förhållande till wrap */
bottom:0;left:0;
background-color:lime;
}
</style>
</head>
<body>
<div class="wrap">
	<div class="div1">jag är en float</div>
	<div class="div2">denna syns inte när man tittar på sidan med IE men med firefox</div>
</div>
</body>
</html>

zcorpanMedlem sedan dec. 20042 245 inlägg

27 nov. 2006 16:32#8

Ah, nu ser jag.

Det är en bugg. Ett absolut positionerat element påverkas av tidigare floats i IE6. Lägg till clear:left på .div2 så borde det funka bättre.

TroxyMedlem sedan mars 20041 505 inlägg

27 nov. 2006 16:53#9

zcorpan, ah intressant. :)
Finns det något namn på buggen? Eller någon sida med info? Är buggen fixad i IE7?
Jag misstänker att jag har råkat ut för detta tidigare, för länge sedan.