Hoppa till innehåll

Css / Webbläsar Problem!


Rekommendera inlägg

Hej alla,

 

Har hållit på med en hemsida ett tag nu.. Men har stött på ett ganska stort problem ._.

Det händer när jag lagt dit en div och positionerat den rätt med margin-top etc.

Och ska titta på den i Firefox, och då ser man att den sitter helt rätt...

 

Men på IE är det en helt annan sak, den sitter mer åt något annat håll och den har som gått ner litegrann.

 

Jag vet absolut inte hur jag ska lösa detta! Har provat göra så att den sitter rätt i IE, men nej.. Då sitter den fel I FF!

 

Kanske finns det något annat sätt än att använda margin-top, top, margin-left, left etc?

 

Hjälp vore bra ;)

Länk till kommentar
Dela på andra sajter

<link rel="stylesheet" type="text/css" href="style.css"/>

<!--[if IE]>

<link rel="stylesheet" type="text/css" href="ie.css"/>

<![EndIf]-->

 

Använd ett annat .css dokument för IE och ett annat för resten.

Redigerat av Fality
Länk till kommentar
Dela på andra sajter

Det som ofta är fel i IE...

Är att t ex margin-left och padding-left fördubblas om man samtidigt använder float: left.

Du kan förhindra att detta händer genom att låta hemsidan visas i XHTML Strict mode.

 

Klistra in denna högst upp i din kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 

Även om jag har missförstått ditt problem är det ända bra att ange en doctype, det förhindrar att sidan tolkas fel i olika webläsare.

Länk till kommentar
Dela på andra sajter

Det som ofta är fel i IE...

Är att t ex margin-left och padding-left fördubblas om man samtidigt använder float: left.

Du kan förhindra att detta händer genom att låta hemsidan visas i XHTML Strict mode.

 

Klistra in denna högst upp i din kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 

Även om jag har missförstått ditt problem är det ända bra att ange en doctype, det förhindrar att sidan tolkas fel i olika webläsare.

Så man ska ange en doctype även i ett CSS dokument? ._.

Och nej, jag använder inte float: left.

Länk till kommentar
Dela på andra sajter

Doctype är bra till mycket!

 

Se till att ta rätt doctype dock... chansar på att du kör loose ;D

Nej, jag körde HTML 4.01 Transitional.

 

Det är lika bra att strunta i doctype om man kör Transitional.

IE har det som default och det är vid denna doctype som marginaler fördubblas.

Länk till kommentar
Dela på andra sajter

Doctype är bra till mycket!

 

Se till att ta rätt doctype dock... chansar på att du kör loose ;D

 

Nej, jag körde HTML 4.01 Transitional.

 

Det är lika bra att strunta i doctype om man kör Transitional.

IE har det som default och det är vid denna doctype som marginaler fördubblas.

 

Hm, får ta och byta då, tack.

Länk till kommentar
Dela på andra sajter

Doctype är bra till mycket!

 

Se till att ta rätt doctype dock... chansar på att du kör loose ;D

 

Nej, jag körde HTML 4.01 Transitional.

 

Det är lika bra att strunta i doctype om man kör Transitional.

IE har det som default och det är vid denna doctype som marginaler fördubblas.

 

Nej man ska absolut inte strunta i doctype! Den ska vara med. Punkt slut.

Länk till kommentar
Dela på andra sajter

Gå med i konversationen

Du kan skriva nu och registrera dig senare. Om du har ett konto, logga in nu för att posta med ditt konto.

Gäst
Svara på det här ämnet...

×   Klistrade in som rich text.   Klistra in som vanlig text istället

  Endast 75 emojis är tillåtet.

×   Din länk har automatiskt inbäddats.   Visa som en länk istället

×   Ditt tidigare innehåll har återställts.   Rensa redigeraren

×   Du kan inte klistra in bilder direkt. Ladda upp eller infoga bilder från URL.

×
  • Skapa ny...