Lasse Reichstein Nielsen skrev:
> Jørgen Farum Jensen <jfjenzen@yahoo.dk> writes:
>
>> Jeg er ved at skrive en artikel om,
>> hvilke stylesheet hacks, der må droppes
>> aht IE7 og hvad man bør gøre i stedet for.
>
> Jeg ville sige at bare det at man bliver nødt til at ændre sit
> stylesheet fordi der kommer en ny browser, er et godt argument for at
> man ikke skal bruge hacks overhovedet. :)
>
> /L
Jeg kunne ikke være mere enig.
Men realiteterne er jo, at en hel del af os igennem
en længere årrække har gjort det.
Så hvis du har ansvaret for opdatering af nogle sider,
som du har lavet med sådanne stylesheet hacks,
er du jo nødt til at forholde dig til det faktum, at de
fleste af dem fejler i IE, enkelte af dem med katastrofale
følger.
A case in point:
Hvordan får du en float-container til
at udvides, så den omslutter et floatet
indhold?
Jeg har længe brugt positioniseverything's
clearfix:
..clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
..clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
..clearfix {display: block;}
/* End hide from IE-mac */
Denne operative formregel i relation til IE,
er den med stjerne-hacket, der fejlagtigt
læses af IE5 og af IE6, men ikke af IE7. I IE7
får vi dermed ikke sat nogen height-egenskab
(og selvom vi gjorde, ville vi få problemer
med at IE7 nu fortolker height-egenskaben
som height og ikke som min-height).
Da IE fortsat skal have sat sin hasLayout
property for at udvide float-containeren,
vil et float-layout baseret på denne metode
fejle i IE7.
Og det er sådan set den slags ret praktiske
problemer, jeg havde tænkt mig at adressere.
--
Med venlig hilsen
Jørgen Farum Jensen
http://www.webdesign101.dk
..