WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Layoutproblem i IE (https://www.wn.se/forum/showthread.php?t=1039779)

beebopter 2009-12-30 15:34
Layoutproblem i IE
 
Hej!
Jag har ett problem med Internet Explorer. Sidan fungerar som den ska i Firefox men i Explorer blir det fel och allt innehåll i mitten och på högersidan flyttas ner.
http://img192.imageshack.us/i/36110813.jpg/
http://img31.imageshack.us/i/expna.jpg/
Hur rättar jag till problemet?
Tack på förhand.

kw_wasabi 2009-12-30 17:00
Det verkar som att det är IE:s sätt att mäta bredd på margins och paddings som spökar. Gör en if-sats för IE där du stylar divarna så att de funkar där. Lägg följande inom <head> eller i en include-fil som hämtas in i <head>. Du får såklart ändra måtten så att de funkar för din sajt.

<!--[if IE 7]>
<style type="text/css">

.leftdiv {
margin: 0px 5px 0px 5px;
}
.middlediv {
margin: 0px 5px 0px 5px;
}
.rightdiv {
margin: 0px 5px 0px 5px;
}

</style>
<![endif]-->

beebopter 2009-12-30 19:37
Detta fungerade inte. Vet du något annat sätt?

kw_wasabi 2009-12-31 03:16
Citat:
Ursprungligen postat av beebopter (Inlägg 20337156)
Detta fungerade inte. Vet du något annat sätt?
Om det inte hjälper med marginaler och padding så kan det vara bredden på de olika kolumnerna som måste minskas. Ibland kan man t.o.m. vara tvungen att sätta negativ margin (T.EX margin: -10px). Jag kan inte tänka mig att det är något annat än just det att IE har sin egna "klyftiga" tolkning av måtten. Jag känner igen problemet från dina screenshots och har sajter som betett sig på exakt samma sätt. Då har det löst sig med denna IF-sats.

Var även noga med att deklarera noll-värden på exempelvis padding och margin. Har för mig att IE kan få för sig att sätta något påhittat standardmått på saker som inte bestämts i CSS:en.

Har du bytt ut <!--[if IE 7]> till den version av IE du testar med förresten?


Alla tider är GMT +2. Klockan är nu 15:00.

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