![]() |
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 |
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... |
Citat:
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äää... |
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! |
Citat:
Men måste tillägga att det känns riktigt skönt när man krånglat och fixat tills pixlarna är perfekta. |
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