Den klassiske IE6/FF/IE7 konflikt!

Undskyld. Det er kun #imagecontainer der bruges i galleriet.
Men alligevel....

Skyldes det ikke blot, at billederne er for brede? Hvad med evt. at gøre dem lidt mindre? Eller lægge dem og deres div'er i én omkringliggende div med en stor nok bredde til at "skubbe" resten af designet ud til en ordentlig størrelse.

w13

Det kan man godt sige. Så skal man måske aligne billederne inde i div'en i stedet
Og så arbejde med den mindre div
Hmm
Var bare så fast besluttet på at billederne skulle ligge med en fast margin mellem sig i stil med resten af layoutet.

Findes der ikke en måde at styre margin på der løser problemet med IE6?

/TB

<ole>

Det holder jo slet ikke, at du har fire elementer med id="thumbcontainer". En ID _skal_ være unik i dokumentet. Brug en klasse i stedet.
Der er også en del CSS-fejl:

#thumbcontainer.teaser {
   
    float:left;
    width: 137;  <-- ingen enhed
    height: 103;  <-- ingen enhed
    margin-left: 4px;
    margin-top: 4px;
    margin-bottom:12px;
}

Denne har du to steder:
text-align:left bottom;

#gallery {
    padding-right:155px;
    background-color:#ebebeb;
    padding-bottom:  <-- skaber rod herfra i reglen
    line-height: 18px;
    position:relative;
}

Det, der giver dig problemer, er dog nok IE's dobbelt-margin-bug. Prøv at bruge span i stedet for dine div med id="thumbcontainer".

Hvorfor i øvrigt et div - med et link - med et billede? Hvorfor ikke bare links med billeder? Så slipper du også for den omtalte bug  :)

/mvh
</bole>

I øvrigt er det også en bedre idé at bruge padding, frem for margin, når man har muligheden. Det virker som om der er lidt mere overensstemmelse mellem de forskellige browsere, når man bruger padding.

/Stenger

Hej Ole,

Jeg har prøvet med spans i stedet, og det virker. Så ved jeg det til en anden gang.
Tak for svaret:-)
Det med Thumbcontaineren og det unikke id er jeg godt klar over ikke er smart. Men også denne finesse undgås ved brug af spans.

/TB

Ej, øv. Nu kom jeg til at høste point selv. Det var ikke en del af planen...
Der ligger et nyt indlæg til dig olebole...