IE7-problemer ift CSS

[Ratleto]

Driver og lager en webside med Joomla som publiseringssystem, der jeg øverst har 3 knapper. Disse ligger fint horisontalt bortover i Opera og Firefox, men IE7 skal selvfølgelig rote... IE7 viser knappene under hverandre.

 

Er det noen kjente problemer i forhold til UL/LI og horisontale knapper i IE7, og hva er evt "fiksen"?

 

Jeg kan komme med link til sida dersom det er nødvendig.

[funkyboy]

... IE7 viser knappene under hverandre.

 

Du kan prøve å sette clear til none; og float til left; (eller right; - alt ettersom). Husk også å sjekke om det er definert noen bredde et eller annet sted som gjør at elementer ikke får til å ligge under hverandre. :-)

 

Edit: Sjekk forøvrig også forskjellen mellom inline og block.

Endret 3. september 2008 av funkyboy

[Ratleto]

Takker for svar. Skal se på det senere. Akkurat nå jobber jeg med en annen del av prosjektet.

[Ratleto]

Da fant jeg svaret på denne. i #toplinks ul hadde jeg "width:100%". Da jeg tok vekk denne, fungerte det som det skulle, også i IE7.

 

Men jeg har et annet IE7-problem. Jeg har 2 kolonner, en main og en right. Det fungerer så klart som det skal i FF og Opera, men i IE/ så hopper rett og slett alt på right ut av hele designet når jeg beveger muspekeren over området. Merkelig "oppførsel"... Ikke kommer det tilbake når jeg fjerner muspekeren fra området heller. Det blir stående "utenfor" designet på høyre side.

 

Edit: adresse til side slettet

 

Noen som har et godt tips til hvor problemet kan være?

Endret 6. september 2008 av Ratleto

[Ratleto]

Og da fant jeg visst løsninga på det problemet også. Mye skrot i kodinga mi, tror jeg. Var en "overflow:inherit" i main2 som gjorde at IE7 oppførte seg sånn.