"Jesper Poulsen" <p0ulsen90@gmail.com> skrev i en meddelelse
news:438f406a$0$15784$14726298@news.sunsite.dk...
> Hvordan skal det kodes ?
Som Christoffer skriver, så er det generelt en dårlig ide at lave to
stylesheets.
Desværre nægter Microsoft (????) åbenbart at overholde standarder, og os
programmøre/designere/whatever sidder derfor tilbage med et nyt problem, der
skal løses.
Jeg vil anbefale du laver to stylesheets. Et til Internet Explorer (vi
kommer næppe uden om de 90% der bruger det, og et stylesheet til alle de
andre).
-SÅDAN TJEKKER DU BROWSER
Tjek browseren på denne måde:
<?
$useragent = $_SERVER[HTTP_USER_AGENT];
if (strpos($useragent, "MSIE") !== false){
$tha_browser = "ie";
}else{
$tha_browser = "notie";
}
?>
-SÅDAN LAVER DU ET ENKELT STYLESHEET, DER OMGÅR PROBLEMER I IE VIA. PHP
// stylesheet.php
<?
$if_modified_since = preg_replace("/;.*$/", "", $HTTP_IF_MODIFIED_SINCE);
$mtime = filemtime($SCRIPT_FILENAME);
$gmdate_mod = gmdate("D, d M Y H:i:s", $mtime) . " GMT";
if ($if_modified_since == $gmdate_mod) {
header("HTTP/1.0 304 Not Modified");
exit;
}
header("Last-Modified: " . $gmdate_mod);
header("Content-type: text/css");
?>
Hvis du laver dit stylesheet i PHP, vil man typisk sige at det ikke vil være
en gyldig CSS-fil (Firefox vil også advare dig om det). Men det som det i
bund og grund handler om, er at sende den rigtige header til browseren. Som
du kan se her, sender jeg dette ved "Content-type: text/css", som gør at
filen læses som et stylesheet.
Derefter kommer der et nyt problem. Som udgangspunkt, vil en PHP-fil aldrig
blive cachet (den kan jo variere, og derefter sender PHP mange gange en
"no-cache"-header.
For at omgå dette, er vi nød til at sørge for at browseren cacher siden. Vi
tjekker altså om browseren, har sendt en tids-header fra filen, der
fortæller os om hvornår filen sidst er indlæst (cached).
Vi tjekker dette op mod "stylesheet.php"-changetime. Hvis tiden er ens, ved
vi at det er en "up-to-date"-cachet version, og vi afbryder scriptet efter
vi sender en "304"-header (der fortæller browseren at den bare kan bruge den
cachede version, også kaldet "not-modified").
Hele gevindsten ved dette her, er at du kan indsætte PHP-scripts i dit
stylesheet, uden at det giver problemer fra browseren (eller gør at
stylesheetet bliver genindlæst hver eneste gang, at brugeren skifter side).
Det vil sige du kan lave noget ala:
..mitelement{
<?
if ($tha_browser == "ie"){
?>left: 100px;<?
}else{
?>left: 120px;<?
}
?>
}
Du kan altså let omgå Internet Explorer's problemer (jeg benytter mig selv
af dette på flere af mine sider).
Håber du kan bruge det til noget ;)
--
Med venlig hilsen
Kasper Johansen