height, CSS, (IE v Opera/FF) [LØST]

[kroekkete]

Hei, jeg hjelper en venn av meg med å sette opp en nettside, og har støtt på et for meg uløselig problem. -Og for en gangs skyld oppstår problemet i Opera og Firefox, og ikke i IE!

 

Siden hvor problemet oppstår kan sees her.

Åpner dere siden i IE står alle produktene pent listet nedover. Åpner du derimot siden i O/FF vil det nest øverste produktet flytte seg opp og til høyre, slik at alt blir veldig uoversiktlig. Jeg har testet litt ved å sette produktene i en annen rekkefølge, men det er alltid det nest øverste som flytter på seg... Er det noen kloke hoder her som ser hva jeg gjør galt?

 

php-koden til siden finner du her,

mens CSS-filen ligger her.

(Det er en del koding, så derfor disse eksterne lenkene. Om ønskelig kan jeg godt legge koden ut her på forumet i stedet...)

 

For øvrig validerer både php og CSS hos W3c.

 

På forhånd takk for hjelpen!

 

 

Mvh Primaxx

Endret 3. februar 2005 av primaxx

[kvikks]

du har en float som du må clear...

enkelt;

 

Sett clear: left på bilde, evt container av bilde...

Endret 3. februar 2005 av kvikks

[kroekkete]

Takk for innspill!

 

Containeren <div class ="prodbilde"> flyter (til venstre), men da jeg forsøkte det du foreslo la riktignok alle bildene seg under hverandre, men de forholdt seg ikke lenger til "modercontaineren" (<div class="mellom">), slik at tekst og bilder ikke lenger hadde noen sammenheng.

Det første bildet dukket opp etter headingen til produkt nr to...???

 

For meg er det som skjer her totalt ulogisk...

 

Jeg blir veldig glad hvis du kan tenke deg en annen løsning på problemet!

[kvikks]

Glem det...

Endret 3. februar 2005 av kvikks

[kroekkete]

Har liksom ikke lyst til å glemme det heller...

[kroekkete]

Kvikks, du har så rett så rett!

 

Snuste litt rundt på nettet, og fant denne løsningen til Eric A. Meyer.

 

 

Kortversjonen er

 

CSS:

.klarering	{
     clear: left;
     line-height: 0;
     height: 0;}

PHP:

/*Beholder med float img og tekst*/
<div class="klarering"> </div>
/*Beholder med float img og tekst*/

 

Nå vises ting som jeg ønsker i alle(?) browsere!

 

Takk for hjelpen!