IE og FF viser sia mi forskjellig. Blir snart gal

[melli123]

Når jeg lager en webside, så mister jeg nesten løsta når jeg tenker på hvor mye styr det er å få siden til å vises riktig i begge browsere. Skal jeg lage den for IE brukere, eller FF? tenker jeg....

Jeg har lest møe om at man ikke burde bruke IE, og heller begynne å bruke FF.

Det skjønner jeg, det er ikke det jeg lurer på.

Det jeg lurer på er om det finnes en god metode for å få websiden til å bli vist riktig i begge browsere...

Jeg har en liten følelse på at det er Padding og Margin som lager problemet for meg, men er ikke sikker...

Noen som har erfaring de har lyst å bringe videre...?

 

Mvh Vegard Bøe Melsom (VgaR)

 

EDIT: LINK TIL SIDEN

Endret 10. juni 2005 av VgaR

[Jesper Karsrud]

http://www.positioniseverything.net/explor...led-margin.html

 

^^ kanskje grunnen. Har jo ikke link til siden, så kan ikke si om det er problemet eller ikke

[NuckChorris]

Når jeg lager en webside, så mister jeg nesten løsta når jeg tenker på hvor mye styr det er å få siden til å vises riktig i begge browsere. Skal jeg lage den for IE brukere, eller FF? tenker jeg....

Jeg har lest møe om at man ikke burde bruke IE, og heller begynne å bruke FF.

Det skjønner jeg, det er ikke det jeg lurer på.

Det jeg lurer på er om det finnes en god metode for å få websiden til å bli vist riktig i begge browsere...

Jeg har en liten følelse på at det er Padding og Margin som lager problemet for meg, men er ikke sikker...

Noen som har erfaring de har lyst å bringe videre...?

 

Mvh Vegard Bøe Melsom (VgaR)

 

EDIT: LINK TIL SIDEN

Kan du ikke lage en css fil for FF og en for IE da?

[LessThanJake]

Hvis du starter css-filen din med:

*{

border: 0px;

margin: 0px;

padding: 0px;

}

og i tilleg skriver kun validert kode som, og kun bruker den lille delen av CSS som IE forstår, burde du komme langt. Dvs ikke bruk noe kode som ikke forandrer på utseende til siden, vist i IE. Men dette setter selvfølgelig en del begrensninger. Hvis siden validerer og ser ok ut i IE, burde det være bra alle steder. Hvis ikke har du overflødig kode som kun blir tolket av de andre. Hvis den ser bra ut alle steder utenom IE, bruker du kode som IE ikke forstår og du må finne en annen løsning. Eller droppe den funksjonaliteten

 

Eventuel drit i IE, og håp på at IE7, når den kommer, virker.

[LessThanJake]

Kan du ikke lage en css fil for FF og en for IE da?

Ja og en for Opera og en for Konqueror og en for Safari osv... Nei, man burde ikke finne seg i så dårlig støtte fra en nettleser, tenk hvis alle gjorde som MS, og prøvde å presse gjennom sine løsninger. Bruk heller tiden din på noe konstruktivt.

[N*]

*{

border: 0px;

margin: 0px;

padding: 0px;

}

trenger vel bare *{margin:0;padding:0;}? border kommer så vidt jeg vet kun automatisk på <img>.

 

slik jeg gjør det:

-lager siden så den ser riktig ut i opera. da ser den som oftest riktig ut i firefox også.

-tester den i ie. her kommer nedturen. alt er som oftest helt feil, det som er av blokkelementer flyter rundt over alt.

-fikser den i ie. dette er egentlig ikke så vanskelig som det ser ut til med en gang. det kan gjøres enkelt med en !important her og der.

f.eks slik:

margin:30px !important;

margin:15px;

da vil ie hoppe over den øverste linjen og lese den nederste i stedet. her kan marger med negative verdier (f.eks -10) hjelpe noen ganger.

[melli123]

Oki, takker for all hjelp. For se hva jeg får til....

 

N*: Når man skriver margin:30px !important;, vil IE hoppe over den da, og gå til neste, ? mens FF og andre forstår den?

[Jesper Karsrud]

Man trenger vel igrunn ikke !important;, for hvis jeg ikke husker feil, så vil IE alltid lese den siste hvis det er to samme etter hverandre..

[melli123]

Man trenger vel igrunn ikke !important;, for hvis jeg ikke husker feil, så vil IE alltid lese den siste hvis det er to samme etter hverandre..

Mens FF leser den første?

[N*]

Man trenger vel igrunn ikke !important;, for hvis jeg ikke husker feil, så vil IE alltid lese den siste hvis det er to samme etter hverandre..

det vil vel opera og ff og?

Mens FF leser den første?

ff og opera (sikkert fler og) leser den med !important

[Haraldson]

Alle nettlesere vil lese den siste linja om de to har samme selektor, men med !important vil alle skikkelige nettlesere bruke denne mens IE ignorerer !important og fortsetter som før - bruker den nederste.

[melli123]

Oki, så hvis jeg skal få siden til å fungere i IE og FF, kan jeg skrive important på paddingen til FF( den øverste), mens jeg skriver en annen padding under "important" paddingen (FF), slik at IE går videre, og leser den istedet?

 

På den måten kan jeg få to forskjellige paddinger, for forskjellige browsere? ( i samme CSS fil)

Har jeg forstått det da?

Endret 10. juni 2005 av VgaR

[N*]

det har ikke noe å si hvilken rekkefølge de står i. det er den uten !important som blir lest av ie, uansett.

 

polecat sin artikkel om dette

Endret 10. juni 2005 av N*

[Haraldson]

N*: Det har så visst noe å si hvilken rekkefølge de står i, IE leser den nederste, med !important så vel som uten. Det er bare det at verdien er viktig og skal prioriteres IE ikke skjønner.

[melli123]

Oki, takker folkens....

Jeg får se hva jeg får til....

 

Men er det sånn at jeg kan ha to forskjellige paddinger, en med "important" og en uten, slik at IE leser den nederste uten "important",mens FF leser den med?

[Haraldson]

VgaR: Ja, slik er det. Forstår forvirringa siden det vel har kommet en to-tre forskjellige svar her. - Men så er det jo bare å prøve seg fram, da

[N*]

N*: Det har så visst noe å si hvilken rekkefølge de står i, IE leser den nederste, med !important så vel som uten. Det er bare det at verdien er viktig og skal prioriteres IE ikke skjønner.

det har visst det. testet nå

var helt sikker på at jeg hadde brukt !important nederst før jeg

[melli123]

Takker igjen alle som har hjulpet meg i denne tråden...

Takker så mye