NovaMedlem sedan feb. 2005216 inlägg 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 Syns för mig. Du får nog visa mer kod tror jag.
NovaMedlem sedan feb. 2005216 inlägg Texten syns i IE när jag tittar i "källan" men inte på skärmen.
NovaMedlem sedan feb. 2005216 inlägg
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 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 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 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 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.
