[Peter_Holm]

Nu blir jag lite less på IE6, bakgrundsbilden i divven "bottomdiv" blir förskjuten 4 pixlar utan att jag kan fatta varför. Bilden är exakt 628x20pix.

Tror att det räcker med CSS
----------------------------------
body {
background-color: #aaa5b9;
margin: 0;
font-family: "Trebuchet MS", Verdana, "Arial Rounded MT Bold";
}

#wrapper {
margin: 20px auto;
width: 628px;
}

.bottomdiv {
background-image:url(gif/bottomdivbg.gif);
background-repeat:no-repeat;
width:628px;
height:20px;
}

[Header]

Det här tror jag att jag har råkat ut för också, och löste det genom att sätta line-height: på diven.

Värt ett försök...

[Peter_Holm]

Originally posted by Header@May 2 2007, 12:40
Det här tror jag att jag har råkat ut för också, och löste det genom att sätta line-height: på diven.

Värt ett försök...

Alltså, jag tror faktiskt du har rätt.

CSS:
.bottomdiv {
background-image:url(gif/bottomdivbg.gif);
background-repeat:no-repeat;
margin:0;
font-size:11px;
padding-left:10px;
height:auto;
line-height: 20px;
color:#666;
}

Jag tog bort

-taggen och satte font-size osv. på div-klassen istället. Då hajade även IE6! Det måste vara tack vare line-height. Tack Header. Men "make sense..." näää...

[Kiper]

Ack, denna underbara Internet Explorer, alla webbdesigners våta dröm.

Tänk vad många webbplatser som INTE skulle existera om vi inte hade IE!

[Peter_Holm]

Originally posted by Kiper@May 2 2007, 19:54
Ack, denna underbara Internet Explorer, alla webbdesigners våta dröm.

Tänk vad många webbplatser som INTE skulle existera om vi inte hade IE!

IE6 är ju en riktig bråkstake i många situationer och har en hel del buggar som kräver hacks och grejer. Det är märkligt att inte fler kör IE7, kan det bero på att det krävs Licens-validering före download... :P

Men måste tillägga att det känns riktigt skönt när man krånglat och fixat tills pixlarna är perfekta.

[robert.liljedahl]

Inled alltid med * {margin:0; padding:0;} i din css-fil.
Vidare så ska du specificera en text-storlek direkt i bodyn.
Använd in font-size:10px; utan använd "em".

background-image:url(gif/bottomdivbg.gif);
background-repeat:no-repeat;
skrivs med fördel
background: url(gif/bottomdivbg.gif) no-repeat;

.bottomdiv... Det verkar som att det är
en footer du vill ha. Samt att det borde vara ett ID istället för en Class,
dvs #footer.

/Robert