Funker i alt annet enn IE7

[Zic0]

Hei

Har satt sammen en side med CSS. Det viser seg å fungere i alle browsers bortsett fra IE7. Bare lurte på hva den beste måten for å fikse slikt er? Å gå i koden å skrive !important o.s.v. for å rette i feilene eller er det bedre med egen stilark for IE7 som man bare sjekker men en if fra starten?

 

Takker for svar på forhånd.

 

EDIT: Problemene i IE er egnetlig bare litt divs som må margines annerledes for at det skal se riktig ut.

Endret 28. august 2009 av Zic0

[flyndrefjes]

Hadde sikkert vært interessant å sett hvordan CSS-filen så ut, eller ihvertfall den delen av filen du ikke mener å fungere. På w3schools.com kan du også se hvilke type nettlesere/versjoner som fungerer på de ulike stilarkene og HTML-definisjonene.

 

EDIT: som privatperson tar jeg aldri spesielle hensyn til Microsoft IE. Så lenge det fungerer i Firefox og Opera blir det publisert.

Endret 28. august 2009 av flyndrefjes

[Zic0]

Kan ikke legge ut koden for øyeblikket, men kan forklare problemet.

 

Har egentlig runde kanter på menyene, og runde menyer ble da både støttet av Chrome og Firefox i ren CSS, men av selvfølglig ikke IE7. Så derfor har jeg brukt bilder av toppen med rund kant og bunnen med rundkant.

 

Eksempel:

 

<img src="rund-toppkant.gif">

<div>En boks her</div>

<img src="rund-bunnkant.gif">

 

Dette fungerer helt fint i de andre nettleserne mens i IE7 får den et enormt gap mellom bildene og <div>en

 

Det andre problemet er at ene menyen flyter over på footeren. Jeg har da brukt koden:

clear:both; som fungerer i alle andre nettlesere enn IE7.

Endret 28. august 2009 av Zic0

[flyndrefjes]

Hvordan er margin-innstillingene i de forskjellige div's? Alle satt til null, eller kanskje du har satt margin: 0; under body allerede?

[Zic0]

Hadde ikke margin: 0 på body, så bra du minte meg på det Alle divs'ene har margin 0, men inneholder forskjellige padding om det har noe å si

 

EDIT: Kan nevnes at i divsene jeg har brukt padding i er det gap mellom både toppbilde, diven og bunnbilde, mens der jeg ikke har brukt padding så er det bare gap mellom toppbildet og diven.

Endret 28. august 2009 av Zic0

[flyndrefjes]

Hadde ikke margin: 0 på body, så bra du minte meg på det Alle divs'ene har margin 0, men inneholder forskjellige padding om det har noe å si

 

EDIT: Kan nevnes at i divsene jeg har brukt padding i er det gap mellom både toppbilde, diven og bunnbilde, mens der jeg ikke har brukt padding så er det bare gap mellom toppbildet og diven.

 

DET har det nok. Padding vil forhindre f.eks. to bilder, eller et bilde mot et annet element å være klin inntil hverandre. Kanskje det er der feilen din ligger?

[Zic0]

Hehe og da er jeg tilbake i utgangspunktsspørsmålet mitt. Tenkte å jukse litt å bruke margin med negative tall for eksempel og bare lurer på om jeg isåfall bare bør føre det inn i mitt nåværende stilark med !important for å tilpasse begge eller bare rett å slett ha egen stilark for IE7. Eventuelt andre løsninger jeg kan bruke?

[flyndrefjes]

Ja, og det er nok her (også) at de med mer erfaring enn meg med tanke på IE-kompabilitet bør komme på banen. Anyone?