WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Särskild kod för opera och firefox (https://www.wn.se/forum/showthread.php?t=16225)

cezar 2006-09-14 15:32

Skulle behöva en särskild kod för opera & firefox eller för IE.
Sidan ser fin ut i IE men i opera och firefox så är divarna för långt ut till höger som jag vill fixa med padding.

Hur skriver jag i CSS koden för att bara IE ska tolka koden eller tvärtom?

Kaffe 2006-09-14 16:10

Låter som du lyckats åkalla Quirksmode, vilket är då en inkorrekt doctype kastar in webbläsarna i Quirksmode, eller åtminstone vissa av dem. Resultatet blir att de tolkar CSS och HTML efter sin egen "standard". I IEs fall i total motsats till W3Cs standard.

Bästa sättet, enligt mig, att skriva IE-specifik CSS är Conditional Comments:
Kod:

<!--[if lt IE 7]>
  <link media="screen, projection" rel="stylesheet" href="ie.css" type="text/css">
 <![endif]-->

Inkludera det i Head och så skriver du bara all CSS, specifikt för IE, i ett eget stylesheet. I det här fallet ie.css.

Det andra alterantivet är CSS-hacks, men eftersom CSS-hacks inte är framåtkompatibla, de vanligare som finns: Star hack och underscore framför element-namnet skall t ex åtgärdas i IE7. Så Conditional Comment är rätt väg. Tro mig.

För lite mer om det fenomen jag misstänker att du stött på:
http://www.google.se/search?hl=sv&q=...S%C3%B6k&meta=

Ett annat sätt är att helt enkelt alltid hålla sig till en strict-doctype, i regel så slipper man quirks-mode då.

cezar 2006-09-15 08:10

Citat:

Originally posted by Kaffe@Sep 14 2006, 16:10
Låter som du lyckats åkalla Quirksmode, vilket är då en inkorrekt doctype kastar in webbläsarna i Quirksmode, eller åtminstone vissa av dem. Resultatet blir att de tolkar CSS och HTML efter sin egen "standard". I IEs fall i total motsats till W3Cs standard.

Bästa sättet, enligt mig, att skriva IE-specifik CSS är Conditional Comments:
Kod:

*<!--[if lt IE 7]>
 * <link media="screen, projection" rel="stylesheet" href="ie.css" type="text/css">
 *<![endif]-->

Inkludera det i Head och så skriver du bara all CSS, specifikt för IE, i ett eget stylesheet. I det här fallet ie.css.

Det andra alterantivet är CSS-hacks, men eftersom CSS-hacks inte är framåtkompatibla, de vanligare som finns: Star hack och underscore framför element-namnet skall t ex åtgärdas i IE7. Så Conditional Comment är rätt väg. Tro mig.

För lite mer om det fenomen jag misstänker att du stött på:
http://www.google.se/search?hl=sv&q=box+mo...=S%C3%B6k&meta=

Ett annat sätt är att helt enkelt alltid hålla sig till en strict-doctype, i regel så slipper man quirks-mode då.

Ok. Slår det där på versioner som är äldre än 7an också?

Kaffe 2006-09-15 10:02

Kod:

<!--[if lt IE 7]>
Den där lilla biten är: If less than Internet Explorer 7. Om du vill att kommentaren skall påverka IE som helhet:

Kod:

<!--[if IE]>
Och ifall du vill veta mer: http://msdn.microsoft.com/workshop/a...omment_ovw.asp


Alla tider är GMT +2. Klockan är nu 12:21.

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