FF og IE aligner bilde forskjellig

[Slugge]

som dere kan se på denne siden: http://www.pstrophyhunting.com/redesign/index

 

så blir bildet til høyre på lik linje med bildet til venstre i FF, men i IE så er bildet litt nedenfor det samme bildet som jeg sammenligner med, har dobbeltsjekket kodingen min og ser ikke noe gale i det hele tatt, bare jeg som er blind og overser noe? har prøvd med stylesheet resets og men funker like dårlig...

 

edit: kan virke som at det blir gitt 1-2px padding under bildet i IE, men vet ikke hvordan jeg skal fikse dette

 

edit2: problem fikset, display:block; ftw

Endret 3. september 2009 av Slugge

[Haraldson]

Istedenfor å bruke negativ margin og jukke ting på plass, bruker du heller float: left/right; samt clear: left/right; om sistnevnte trengs.

 

Under disse flytende elementene kan det være du vil måtte legge til en <div style="clear: both;"></div>.

[Slugge]

prøvde sette det på nå men gjør ingen forskjell, den blir forsatt skjøvet under første bildet og da må jeg jo ha negativ margin for å få den lengre opp

[Haraldson]

Da har du ikke prøvd nok. Og ikke tro at du «må» løse et problem som oppstår, ved å bruke negativ margin — det er i de aller fleste tilfeller en veldig dårlig idé.

 

Det er en grunn til at floating er utbredt for dette i dag, og at slike ting ikke løses med negative marginer i histen og pisten. Hva gjør du når du legger til en ny boks på siden, og boksen over har dynamisk høyde? Skal du sette negativ toppmargin på den nederste boksen som er sånn ca. lik høyden på den første, og håpe på det beste samt endre denne hver gang du legger til eller fjerner tekst i den første boksen?

 

Du må sette float: left; på bildet, og float: right; på diven. Er det fortsatt feil i IE6, kan det komme av eksempelvis IE Double Float Margin, som kort sagt gjør at om du har float og margin til samme side (venstre eller høyre) på samme element i IE5/6, blir denne marginen doblet.

 

 

Anbefaler deg ellers å bygge opp et rammeverk på siden med kolonner, ellers blir det mye overflødig kode og vedlikehold.

[4588pkdkrikue5c]

Er det då altså ein god idè å nytte tables til ein three-column layout?

Dette har eg lurt på, men har desperat prøvd å vere utan tabellar.

 

Men å lage tre tabeller med angitt bredde til innhaldet i ein three-column-layout - er det noko god idè? For så å bruke divs til innhaldet?

 

Redigert:

Tenker no tre rader.

[meny] [hovudinnhald] [meny] til dømes.

Endret 4. september 2009 av steffenz

[Haraldson]

Hvorfor skulle du måtte bruke en tabell til dette? Hvorfor ikke tre divs?

[4588pkdkrikue5c]

Tror kanskje eg misfostod svaret ditt.

Eg nytter berre 3 divs til vanleg, men tolka det forrige svaret ditt heilt feil. Berre gløym det.