Hej! Om du stoppar in din #quick innanför #wrap så blir den ju parent oavsett position. Hej, nej det är inte problemet, snarare det jag vill med quick. Det är hela orsaken till att jag vill ha :relative över huvud taget! Jaha, jag tror jag fått ordning på det hela, genom att stoppa in min absoluta div i en till synes helt meningslös div som hade position:relative den med, men som ändå lägger sig där jag säger att den absoluta divven #quick skall ligga. Jag förstår ingenting men det ser bra ut i IE6, FF och Opera 8. Litet CSS / position:relative / IE-FF - problem
Jag har en situation där jag har gjort en horizontell meny av en lista. Jag vill att den skall ha ett streck i bottenkant.
Detta är inget problem.
Men om jag stoppar in denna konstruktion i en div (#wrap) med position:relative så försvinner botten-strecket i IE6 men inte i FF 106. Jag har bråkat hela kvällen med div. (pun intended!) Holly Hack etc utan att få strecket att framträda i IE. Orsaken till position:relative är att jag vill ha en ruta med position:absolute som barn till denna #wrap.
Lite stilmall:
#navlist
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #000;
}
#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}
#navlist a:hover { color: #000; }
#quick {
position: absolute;
width: 100px;
top: 40px;
right: 100px;
padding: 10px;
border: 1px solid #000;
}
#wrap {
position: relative;
margin: 0 auto;
width: 700px;
}
och lite xhtml:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Provar relative</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="navcontainer">
<ul id="navlist">
<li>asd</li>
<li>asd</li>
<li>asd</li>
<li>asd</li>
<li>asd</li>
</ul>
</div>
<div id="quick"><p>Lite rolig text här skulle jag tro blir bra!</p></div>
</div>
</body>
</html>
Dessutom finns denna vidunderliga sida att beskåda på http://egenart.org/jobbdevel/9/
Hoppas att någon direkt ser problemet, jag har letat så ögonen blöder :)
MVH Jonas
Sv: Litet CSS / position:relative / IE-FF - problem
Men kanske inte det som är problemet?Sv:Litet CSS / position:relative / IE-FF - problem
Sv: Litet CSS / position:relative / IE-FF - problem
/Jonas