FAQ |
Kalender |
2009-12-30, 16:34 | #1 | ||
|
|||
Nykomling
|
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. |
||
Svara med citat |
2009-12-30, 18:00 | #2 | |||
|
||||
Klarade millennium-buggen
|
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]--> |
|||
Svara med citat |
2009-12-30, 20:37 | #3 | ||
|
|||
Nykomling
|
Detta fungerade inte. Vet du något annat sätt?
|
||
Svara med citat |
2009-12-31, 04:16 | #4 | |||
|
||||
Klarade millennium-buggen
|
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? |
|||
Svara med citat |
Svara |
|
|