Zakaj IE ne upošteva svojega lastnega css-a?
5 naročnikov
5 naročnikov
A jaz ne znam to prav naredit, al kaj, v index.php imam
<!--[if IE]>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/ie.css\" type=\"text/css\"/>" ; ?>
<script defer type="text/javascript" src="http://www.optimizacija-strani.info/fm/pngfix.js"></script>
<![endif]-->
Vendar moj dragi IE noče upoštevat svojega lastnega css-a. Oziroma dodatkov ki jih ima tam noter. Mogoče pa tega ne zastopim, ie.css mora biti celoten css, v katerem so stvari drugačne, ali samo dodam stvari, ki jih želim da izgledajo drugače. al kako?
7 odgovorov
<!--[if IE]>
<link rel="stylesheet" href="<?=$GLOBALS[mosConfig_live_site];?>/templates/<?=$GLOBALS[cur_template];?>/css/ie.css" type="text/css"/>
<script defer type="text/javascript" src="http://www.optimizacija-strani.info/fm/pngfix.js"></script>
<![endif]-->
Oziroma napiši lepo pot do tega ie.css če nisi 100%, da se url lepo sestavi.
Ok, vidim da sem imela stvar brezveze v php narejeno, url se pa čisto lepo skupaj sestavi, pa še vedno stvar ne deluje tako kot bi morala. Torej še enkrat malo bolj razločno drugi del vprašanja.
A v ie.css dodam samo tisti del, ki želim da izgleda drugače, ali pa dam noter celoten osnovni css in samo spremenim tiste dele, za katere želim da izgledajo drugače?
Originalni css imaš pred tem IFom?
Gre po prioriteti, če imaš v enem (IE) cssju nastavljeno h1 { font-size: 18px; } in za tem cssjem vključiš še enega, ki ima h1 {font-size: 16px; } potem ti ponastavi prvi H1 v drugi H1. Tako je čisto vseeno kaj vsebuje CSS, pozna se le pri nalaganju, če imaš večje cssje.
Torej je tisti za IE ponavadi za originalnim.
Ok, stvar sedaj dela, problem je bil tudi v tem, da sem stvari iz IE cssa metal ven, torej sem "margin-right: 188px;" vzel čisto ven, kar potem ni delalo, sedaj sem ga nastavil na margin-right: 0px; in stvar dela.
Seveda samo delno. IE pokaže teh 188 pixlov veliko širših, kot FF. Kako je to mogoče?
To pride zaradi ie napake "double margin", ki ti prikaže dvojni odmik in včasih tud dvojno obrobo. To rešiš tako, da daš v body {text-align:center}, potem pa za elemente na strani posebaj nastaviš text-align:left, oz po potrebi. Upam, da sem ti prav napisal, ker je že nekaj časa kar sem se nazadnje s tem obadal, pa trenutno mal na pamet govorim.