Margproblemer i fx mot ie7

[Fløffi]

Ok, ie7 har finni ut at de skal følge standardene (right) så nå leser de margene og paddingene merket med !important. Nå er det bare det at margene passer i ie7 men ikke i fx, eller omvent. hvordan får jeg skilt de to fra hverandre? slik at jeg kan ha en marg for ie7 og en for fx

 

[Ståle]

det som er problemet er kanskje at det er et annet element som presser det ene elementet ditt bortover.

 

har du med

* {

padding: 0;

margin: 0;

}

[arthoz]

Hadde sikkert vært enklere å se for oss en fiks om vi fikk se noe kode, men en liten etter en kjapp google så fant jeg:

http://webexpose.org/2006/12/18/internet-e.../#comment-10747

se commenten, kanskje den er noe for deg? Ellers fungerer jo alltids bruke conditional statements

[Fløffi]

Om du ser på denne tråden min https://www.diskusjon.no/index.php?showtopic=915765 ser du at * { ..} lager rot for listene mine.. De får verken punkter eller nummer, feil med margene osv. Så jeg valgte å ta vekk denne kodesnutten, ergo fikk jeg problemer med ie7, webexpose skiller mellom ie7 + fx og ie5 + ie6. Jeg må skille mellom ie7 og fx..

 

Får hacke det til med conditional statements ja.

 

DAMN IE

 

[Jesper Karsrud]

Du kan jo bruke underscore da. IE leser ikke attributter merket med underscore, men Firefox, Opera etc. gjør det, fordi det er tillatt i følge spesifikasjonen. Ekspempel:

element {
_margin: 10px;
margin: 5px;
}

[Haraldson]

Jesper, Gjesper... Nå skal jeg forklare en liten ting.

 

elem {
float: left;
margin: 0 0 0 10px;
*margin: 0 0 0 10px;
_margin: 0 0 0 5px;
}

 

Star-hacken leses av både IE6 og IE7. IE7 har ingen double float margin bug, så vi trenger ikke å sende noe spesielt til IE7. Den er inkludert her for eksempelets skyld

 

Underscore-hacken retter seg mot IE6, som som kjent har en double float margin bug som må rettes opp på den ene eller den andre måten.

 

Rekkefølgen på star- og underscore-hacken er viktig å merke seg, siden * gjelder for begge to og _ bare IE6, bør * være først i stilarket slik at stiler rettet mot IE6 overskriver stilene som først sendes til begge to.

Endret 4. mars 2008 av Haraldson

[Fløffi]

Det er kun ie7 som er problemet.. ie 6 - kan hackes til med !important..

 

Noen som vet hvorfor

 

* {

margin: 0;

padding: 0;

}

 

kødder til lister? Både på <ul> og <ol> fjernes punktene og tallene KUN ved den css-snutten (bare prøv). Hadde jeg kunne hatt den med hadde problemet vært løst

[thinkdifferent]

Kanskje jeg er helt på jordet her nå, men to stilark (.css filer)?

[Ståle]

kødder til lister? Både på <ul> og <ol> fjernes punktene og tallene KUN ved den css-snutten (bare prøv). Hadde jeg kunne hatt den med hadde problemet vært løst

 

css-snutten gjor at padding og margin pa alle elementer forsvinner. Det gjor at du ma legge de inn igjen selv, men det blir mer likt i de forskjellige nettleserene.

[Fløffi]

Aaah. Får legge snutten inn igjen da, og tulle tilbake listene. Men får (jamfør lenket tråd) problemer med de nummererte listene da.. jeg får ikke mellomrom mellom listepunktet (tallet) og teksten da. For margin-left: xx; OG padding-left: xx; dytter hele lista til venstre, ikke bare teksten. Sukk.

[Ståle]

ul li {

margin-left: 10px;

}

[Jesper Karsrud]

Jesper, Gjesper... Nå skal jeg forklare en liten ting.

 

elem {
float: left;
margin: 0 0 0 10px;
*margin: 0 0 0 10px;
_margin: 0 0 0 5px;
}

 

Star-hacken leses av både IE6 og IE7. IE7 har ingen double float margin bug, så vi trenger ikke å sende noe spesielt til IE7. Den er inkludert her for eksempelets skyld

 

Underscore-hacken retter seg mot IE6, som som kjent har en double float margin bug som må rettes opp på den ene eller den andre måten.

 

Rekkefølgen på star- og underscore-hacken er viktig å merke seg, siden * gjelder for begge to og _ bare IE6, bør * være først i stilarket slik at stiler rettet mot IE6 overskriver stilene som først sendes til begge to.

Jajajaja, greit.

[Fløffi]

ul li {

margin-left: 10px;

}

 

margin-left: xx; OG padding-left: xx; dytter hele lista til venstre, ikke bare teksten helt sant, bare prøv..

[Ståle]

Hmm.. evnt bare li hvis du bruker bade <ul> og <ol>

 

http://knausen.org/test/test.php

[Fløffi]

om du endrer til margin-left: 100px; flytter teksten seg lengre vekk fra punktet?

[Ståle]

Nei

[Fløffi]

Akkurat Ville ha teksten lengre fra punktet for det står:

 

1.blabla

2.blabla

 

istedet for

 

1....bla bla

2....bla bla

 

Men får bare drite i det, ble så mye styr uten * { - snutten

[Jesper Karsrud]

Har du prøvd text-indent, da? Nå har jeg ikke tid til å teste, er litt sent ute til jobb, men du kan jo prøve

[Haraldson]

Litt dumt å bruke text-indent, hvis teksten går over flere linjer. Bedre å bruke padding til dette.

[Ståle]

Akkurat Ville ha teksten lengre fra punktet for det står:

 

AAAja

 

ul li {

padding-left: 500px;

margin-left: 20px;

}

 

prikkene forsvant hvis jeg ikke hadde med margin-left. hmm