Avatar billede mr_bula Nybegynder
09. januar 2007 - 13:05 Der er 9 kommentarer

Brug af !important

Hejsa,

Da IE6 ikke understøtter min-height har jeg fundet dette hack:

min-height:640px;
height:auto !important;
height:640px;

Vil gerne have det forklaret. IE7 understøtter min-height.
Ved at !important betyder at den vægtes mest. Men for at jeg skal få overstående til at gå op, skal !important ikke understøttes af IE6??? Gør den ikke det? og hvorfor?
Avatar billede lassemelbye Nybegynder
09. januar 2007 - 14:43 #1
Hej.
Du kan bruger underscore hack, som betyder at dit indhold kun vises i IE 5, 5.5 og 6

min-height:640px;
height:auto !important; /* Og dette i FF og IE7 */
_height:auto; /* Dette vises i IE 5. 5.5 6 */
height:640px;
Avatar billede mr_bula Nybegynder
09. januar 2007 - 16:22 #2
Hacket virker fint. Jeg vil bare gerne forstå det
Avatar billede mr_bula Nybegynder
09. januar 2007 - 20:10 #3
Er der een der kan bekræfte at height:auto !important; ikke understøttes af IE6? for så giver det mening for mig
Avatar billede mr_bula Nybegynder
10. januar 2007 - 09:54 #4
Ingen der kender !important?
Avatar billede jensgram Nybegynder
10. januar 2007 - 22:20 #5
!important betyder - så vidt jeg ved - at den aktuelle værdi IKKE kan overskrives senere, som det ellers er karakteristisk for CSS (deraf "cascading" i navnet).

HVIS EI ikke kender !important, så vil

min-height:640px;
height:auto !important;
height:640px;

Betyde, at IE benytter den sidst satte værdi (height: 640px), mens browsere, der kender !important vil ignorere den - af respekt for !important.
Avatar billede mr_bula Nybegynder
11. januar 2007 - 09:51 #6
Jens: Ja det er også sådan jeg tolker det, men det kræver at IE 6 ikke understøtter !important, og det er så det mit spørgsmål lyder på, om nogen kan understøtte?
Avatar billede jensgram Nybegynder
11. januar 2007 - 11:15 #7
Som jeg læser det, er det ikke korrekt, at IE6 ikke respekterer !important. Følgende kaster vist lidt lys over omstændighederne:

http://modxcms.com/css-hacking-important.html
http://www.maratz.com/blog/archives/2005/06/16/essentials-of-css-hacking-for-internet-explorer/
Avatar billede mr_bula Nybegynder
11. januar 2007 - 12:46 #8
Hmm den første artikel er lidt modsigende/forvirrende... Han siger at den understøtte det nogle gange!?!?
Den anden artikel får jeg ikke så meget ud af mht min problemstilling...

Men overstående hack giver da kun mening (for mig) hvis IE 6 ikke forstår !important for så går den videre til height: 640, og height opfører sig som min-height i IE 6-
Avatar billede mr_bula Nybegynder
18. januar 2007 - 15:56 #9
Lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester