WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Bakgrundsbild förskjuter sig i IE6 (https://www.wn.se/forum/showthread.php?t=20987)

Peter_Holm 2007-05-02 08:39

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;
}


http://www.peterholmstudios.se/ie6.gif

Header 2007-05-02 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...

Peter_Holm 2007-05-02 16:14

Citat:

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 2007-05-02 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!

Peter_Holm 2007-05-02 20:52

Citat:

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 2007-05-26 14:10

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


Alla tider är GMT +2. Klockan är nu 05:22.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson