Tidigare positionerade jag en av mina div:ar endast m.h.a. float:left, måste dock byta till absolut positionering eftersom firefox av nån outgrundlig anledning gav "disko" effekter med en träd-meny som jag hade i den. använder den som finns där: http://www.destroydrop.com/javascripts/tree/ > <b>använder den som finns där: http://www.destroydrop.com/javascripts/tree/</b> ja jag var kanske lite oklar. Menyn som sådan "fungerar" nog i princip. Jag lyckas inte återskapa problemet. Kan du visa HTML-koden? har den på jobbet, men ska kolla imorgon ifall jag kan sätta upp ett litet test.. hmm.. det var ju märkligt, <b>ÄNTLIGEN</b> har jag kommit fram till vad problemet var.. Jag förstår fortfarande inte vad det är för "discoeffekter" du talar om. Jag har dessutom väldigt svårt att tro att Firefox skulle ha problem med stilmallar. Hamnade att ta tag i problemet igen, eftersom jag behöver overflow:auto;absolut positionering samt clear
Tidigare med float:left, så kunde jag ju för en footer sätta clear:both och det funkade fint och kom som jag ville. clear:both funkar inte nu längre med absolut positionering.
Hur åstadkommer jag lättast samma effekt? Dvs, jag vill positionera nånting under ett absolut positionerat element.Sv: absolut positionering samt clear
Sv: absolut positionering samt clear
Den fungerar ju med Firefox. Jag förstår inte ditt problem, du kanske kan förklara lite mer?Sv: absolut positionering samt clear
Jag hade den alltså då placerad i en div som var float:left; ungefär 50 pixlar från fönstrets övre kant,
och så fort jag rörde musen "inuti" denna div, så hoppade den upp till fönstrets övre kant för ett ögonblick för att därefter komma tillbaka till rätt plats.. Men eftersom detta hände(r) varje gång jag rörde musen var ju detta ohållbart..
Hoppas nån förstod ungefär vad jag menade..Sv: absolut positionering samt clear
Sv: absolut positionering samt clear
Sv: absolut positionering samt clear
float:left; funkar inte, position:absolute funkar, men ställer till andra problem.
Däremot så verkar det fungera som jag vill ifall jag sätter <b>BÅDE</b> float:left samt position:absolute?
Verkar ju lite skumt, men huvudsaken är ju ändå att det funkar..Sv: absolut positionering samt clear
overflow: auto;
verkar ställa till med problem i Firefox..
Sv: absolut positionering samt clear
Kan du visa upp din sida?Sv:absolut positionering samt clear
Kom fram till att float:left, overflow:auto, samt font-weight:bold i :hover ställer till med problem (antagligen nåt med overflow:auto och reflow av sidan). Tar jag bort nån av dom så märker jag inte problemet.
en testsida:
<!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>
<title>Foo</title>
<link rel="stylesheet" href="DTree.css" type="text/css" />
<script type="text/javascript" src="DTree.js"></script>
<style type="text/css">
body {
font-family: Verdana, sans-serif;
}
#heading {
margin:0;
padding:0;
border-bottom: 1px solid black;
width:100%;
}
#heading:after {
content:"dummy";
/* line-height:1px;*/
visibility:hidden;
}
#globalBar {
width:100%;
}
#globalNav {
float:left;
}
#globalAdm {
float:right;
}
#navBar {
background-color: pink;
width: 15%;
height: 200px;
clear:both;
float:left;
overflow:auto;
}
#navBar a:link:hover {
font-weight: bold;
background-color: gray;
text-decoration: none;
color: pink;
}
</style>
</head>
<body>
<div id="heading">
<h1>Foo</h1>
<div id="globalBar">
<div id="globalNav">
Foo :: Bar
</div>
<div id="globalAdm">
Logout
</div>
</div><!-- globalBar -->
</div><!-- heading -->
<div id="navBar">
<h3>Menu</h3>
<script type="text/javascript">
navTree = new dTree("navTree");
navTree.add(2, -1, "Parent", "#");
navTree.add(3, 2, "Foo", "#");
navTree.add(4, 2, "Bar", "#");
navTree.add(5, 2, "Baz", "#");
document.write(navTree);
</script>
</div>
</body>
</html>