Nu har jag satan i mig suttit hela dagen och testat och letat efter en lösning men jag kan bara inte komma på vad det är som jag gör fel! Jag blir galen!
Jag har en kod som funkar perfekt i alla browsers - utom den förbaskade IE 5.2 för mac!
Det kan vara så att jag har missat något litet som jag inte ser men 'top'(se koden nedan) blir liksom överkörd av '.footerBlock'. Den lägger sig liksom över 'top' för jag kan fortfarande se 'top' där under. Men problemet försvinner när jag tar bort 'navbar' antagligen för att den är absolute. Jag har öven försökt att flytta 'navbar' utanför containern men samma fel uppstår!
Snälla hjälp mig! Jag har snart kvar något hår!
Se kodexempel här:
Kod:
<div class="headerBlock"><div class="top"><div class="navbar"> </div></div> <div class="footerBlock"></div></div>
Kod:
.headerBlock { postition: relative; margin: 0 auto; width: 752px; }
.top { postition: relative; width: 752px; height: 84px; background-color: #ffffff; background-image: url(topbg.gif); background-repeat: no-repeat; background-position: 6px 6px;}
.footerBlock { postition: relative; width: 740px; border: 6px solid #ffffff; height: 40px;}
.navbar { position: absolute; left: 300px; top: -7px; width: 599px; height: 50px; }
Tack!