Avatar billede cortx Nybegynder
09. maj 2008 - 13:34 Der er 26 kommentarer og
1 løsning

!important - hvad gør jeg?

Hej eksperter.

Jeg er kommet meget i tvivl, om !important er "ok" at bruge i css.
Ofte, er der forskel på fx IE6 og ff.. for ikke at sige forskel på ie6, ie7 og ff.

En side ser godt ud i FF og IE7, men i IE6 fejler det. Tit pga. forskel på margin/width/lignende i IE6. Der er jo virkelig ingen andre løsninger end at bruge !important som henvender sig til ff og ie7 fx, hvor det udeladede går til f ie6. Dermed kan man jo lave forskel på fx den ene lille margin der er ellers synes Umulig at lave ens.

Ex:
margin-left: 120px !important; (ie7, ff ....)
margin-left: 160px; (ie6 ....)

Eller er der en anden måde? Eller hvad sørensen er det der gør, at IE6 tit læser en margin anderledes!? I'm going Nuts!

Jeg er god til css og laver store flotte korrekte sider, men det her, har Altid generet mig - ufatteligt meget..

På forhånd tak,
Rasmus Henriksen
Avatar billede w13 Novice
09. maj 2008 - 13:44 #1
Jeg synes ikke, jeg har oplevet det margin problem.
Men mon ikke det er, fordi det andet element (som skal skubbes væk med margin-left) også har en margin, som du mangler at fastsætte til 0px, så det ikke driller?
Avatar billede cortx Nybegynder
09. maj 2008 - 13:48 #2
Jeg er ikke lige klar over hvad du mener - tjek www.rhfreelance.dk i ie6 fx.. det er så latterligt - oplever det MEGET ofte..
Avatar billede w13 Novice
09. maj 2008 - 13:58 #3
Har desværre ikke IE6 på denne computer, så kan ikke se det.

Mener bare, hvis 2 elementer har forkert margin imellem sig, skal du huske at definere margin på begge elementer, ikke kun på det ene.
Avatar billede cortx Nybegynder
09. maj 2008 - 14:08 #4
forkert margin i mellem sig? prøv www.browsershots.org .. vælg alle fra, undtagen MSIE 6.0
Avatar billede stenger Nybegynder
09. maj 2008 - 14:18 #5
IE6 har jo en bug, der gør at hvis noget floater og du derefter giver den margin i samme retning som elementet floater, så fordobler IE6 margin.

Dvs. har du noget, der har float:left; og samtidig margin-left:10px; så vil IE6 tolke det som margin-left:20px;.

Det kan du dog komme omkring ved at sætte display:inline; på elementet. Så tolker IE6 det korrekt.

Måske det virker, frem for alt det med !important; og den slags...

/Stenger
Avatar billede cortx Nybegynder
09. maj 2008 - 19:32 #6
Tak for forklaring og forslaget, det vil jeg prøve senere :)
Avatar billede olebole Juniormester
09. maj 2008 - 21:15 #7
<ole>

- og så skulle du måske vente med XHTML 1.1, til IE understøtter denne version. Til den tid bør du så sørge for at serve dokumenterne med den korrekte MIME-type  ;o)

XHTML 1.1 må ikke serves med 'text/html', som er den, du bruger nu. Når du server dokumenterne som 'text/html', vil alle browsere tolke koden som fejlfyldt HTML-sovs ... ikke som XHTML. Bruger derimod den korrekte MIME-type, vil IE ikke vise siden, men tilbyde dig at downloade den i stedet.

Den nyeste markup-version, som er fornuftigt understøttet på nettet, er HTML 4.01

/mvh
</bole>
Avatar billede cortx Nybegynder
09. maj 2008 - 21:59 #8
ole, jeg har altid kokset rundt i det hehe :) Tak for det.. Men hvad skal jeg så angive? :) Lidt hjælp skal man vel have for at det bliver perfekt..

Lad mig i samme åndedrag høre hvordan søren jeg får png transperent til at virke i IE6.. har fundet mange umiddelbart uholdbare måder med diverse "scripts" osv..?
Avatar billede roenving Novice
10. maj 2008 - 09:56 #9
IE6 kan ikke fortolke alpha-kanalen i png, så det kan du aldrig få til at virke uden de omtalte scripts, som udnytter et filter, der kan !-)
Avatar billede olebole Juniormester
10. maj 2008 - 14:47 #10
Personligt skriver jeg stadig HTML 4.01 Strict - med ganske få undtagelser. De få undtagelser er ved brug af egne GUI-komponenter, som opmærkes via eget namespace og implementeres via script. Det kan i dag ikke gøres uden en vis brug af 'vrøvlekode' - så her forsøger jeg at finde det mindst vrøvlede kompromis ... men HTML 4.01 Strict er min foretrukne version/flavour.

Hvad png-24 og IE6 angår, erklærer jeg mig helt enig med roenving  =)
Avatar billede cortx Nybegynder
11. maj 2008 - 02:07 #11
Okay - tal alle hehe :)

Så olebole, i stdet for

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >

og

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

skal jeg skrive hvad? :)
Avatar billede olebole Juniormester
11. maj 2008 - 14:06 #12
Jeg bruger:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

- og:
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Derudover sørger jeg for, min editor gemmer alle filer som utf-8 - og at min DB også anvender utf-8
Avatar billede cortx Nybegynder
11. maj 2008 - 15:35 #13
Okay mange tak :) Hvem skal næsten have points? hehe..
Avatar billede olebole Juniormester
11. maj 2008 - 16:04 #14
Jeg hopper over. En hyggelig snak ... men om et helt andet emne end spm'et lød på  ;D
Avatar billede cortx Nybegynder
11. maj 2008 - 16:20 #15
det må være stensager og w13 :)
Avatar billede cortx Nybegynder
11. maj 2008 - 16:24 #16
Arh, nu har jeg problem med tegnene :P Hvad gør jeg? :)
Avatar billede cortx Nybegynder
11. maj 2008 - 16:24 #17
Altså, å er et sært tegn etc..
Avatar billede cortx Nybegynder
11. maj 2008 - 16:26 #18
Kan jeg bare erstatte utf-8 med ISO-8859-1? er det valid?
Avatar billede olebole Juniormester
11. maj 2008 - 16:34 #19
Både ja og nej  =)

iso-8859-1 er på vej ud og JavaScript har forlængst fjernet understøttelsen af ANSI. Fra og med JavaScript 1.4 har ANSI-funktionerne til en-/decoding af URL'er været deprecated og erstattet af Unicode-funktioner.

Du får problemer med specialtegn, fordi du ikke gemmer dine dokumenter som utf-8 og/eller din DB ikke bruger utf-8. Bruger du samme tegnsæt i alle led, får du ikke problemer med den slags  =)
Avatar billede w13 Novice
11. maj 2008 - 16:52 #20
Ingen point til mig, tak. =)
Avatar billede cortx Nybegynder
12. maj 2008 - 13:14 #21
okay :) stenger?
Avatar billede cortx Nybegynder
12. maj 2008 - 13:17 #22
Men olebole, jeg bruger programmet phpDesigner.. Like notepad - den highlighter bare på en god måde synes jeg. Jeg kan ikk finde ud af at få den til at gemme som utf-8..
Avatar billede olebole Juniormester
12. maj 2008 - 13:28 #23
Jeg kender ikke editoren, men er den bare nogenlunde seriøs, må der være et sted, man kan bestemme hvilket tegnsæt, der skal anvendes. Hvis du åbner en fil i Notesblok og vælger 'Save As', kan du forneden i dialogen se det anvendte tegnsæt
Avatar billede cortx Nybegynder
12. maj 2008 - 13:30 #24
Ja det kender jeg, men jeg orker ikk at gøre det ved alle sider jeg laver hehe :D
Avatar billede cortx Nybegynder
12. maj 2008 - 13:37 #25
Jeg fandt det, det mest unaturlige sted :P Tak for hjælpen..
Avatar billede cortx Nybegynder
12. maj 2008 - 13:55 #26
Kommer intet svar så lukker bare :) Drejer sig også kun om 30 point, men Mange tak for hjælpen ;)
Avatar billede olebole Juniormester
12. maj 2008 - 13:55 #27
;o)
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