[ibennani]

Hej.
Sidan detta gäller: www.marschen.se

Problem: DIV:en med class=mainbox är olika stor i höjdled när man besöker sidan med IE6 respektive FF3

Utförlig beskrivning:
På sidan har jag en div med class=mainbox . Denna div är en wrapper som ska boxa in alla andra divar på sidan.

Problemet är som sagt att denna wraper (mainbox-diven) har olika höjd i IE6 och i FF3.

Jag har försökt allt jag kan komma på, testat att ta bort olika divar, ta bort olika klasser ur CSS-filen osv.

Har testat massor med firebug men utan resultat.

Jag är dock säker på att felet ligger i HTML-koden och inte i CSS-filen.

Jag vore jättetacksam om någon har möjlighet att hjälpa mig att tänka kring felsökningen.

[TommyTisen]

Har kollat in din css och spanat lite. kan inte säga exakt vad som är fel, men css:n ser ju inte ut att må bra:

.lankstig
{
position: relative;
top: 0px;
left: 0px;
width: 880px;
border-bottom: 0px solid black;
margin-bottom: 10px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding-left: 10px;
padding-right: 10px;
padding-top: 1px;
padding-bottom: 3px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
text-align: left;
z-index: 100;
background-color: transparent;
}

.lankstig_top
{
position: absolute;
top: 100px;
left: 0px;
width: 850px;
height: 6px;
border: 0px solid black;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
background-color: #ffffff;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
text-align: left;
z-index: 200;
background-color: transparent;
display: none;
}

.lankstig_bottom
{
position: relative;
top: 20px;
left: 0px;
width: 850px;
height: 13px;
border: 0px solid black;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
text-align: left;
z-index: 100;
background-color: transparent;
display: none;
}

Har du skrivit all den här css:n själv eller har du nån generator som tillverkar css-kod åt dig?

Kolla in den här länken för lite info om positionering i olika webläsare: http://www.positioniseverything.net/abs_relbugs.html

Om du är säker på din sak gällande css och vet precis vad du gör med alla positions beslut, så kan jag bara gissa (för jag har inte ie6 här), men kanske är det form:en som ställer still någonting i höjdled. Försökte leta efter den där ie6 buggen som dubblerar margins (http://www.positioniseverything.net/...oatIndent.html), men det är lite svårt att gissa utan att se det.

Personligen skulle jag vända mig till nån som kan sin css och be dom koda om grundplåten korrekt åt mig, all överflödig kod (som inte behövs i IE7 och FF3) kanske är just vad som ställer till det i IE6.

Hoppas det löser sig!
Väl mött
/Tommy