Tableless design - CSS problem - FLOAT element flyder udenfor
Ok, nu har jeg siddet og bakset med at få min HP sat op i et "tableless" design. Det har givet en del problemer med at få IE og Mozilla til at vise det samme. Derfor også en masse hovsaløsninger. Det skal lige siges til browserdebatten at jeg har haft logikproblemer med begge browsers - de har været lige gode om det. :) Nok snik snak.Jeg har egentlig to problemer men først til det vigtigste. Jeg har lavet eksempel der kan ses på nedenstående url. Jeg har cuttet en del indhold ud for at gøre det nemmere at overskue:
http://www.langelykke.dk/temp/index.html
I IE (og Opera for den sags skyld) vises siden som jeg ønsker. I Mozilla flyder den højreboks (#content_menu) ned ud fra div-tag med id content_main. Dette er selvfølgelig ikke særlig optimalt. Ved ikke om min fejl er at bruge float til placeringen elementet, men har altså ikke kunnet finde løsninger som ikke ødelagde placeringen af det generelle indhold i content_main og content_menu.
Mht. det andet problem. Hvis man ser bort fra ovenstående problem, ønsker jeg også, at min content_menu er lige så høj som hele content_main. Har forsøgt med height: 100% men uden held - igen Mozilla der ikke er enig mig.
http://www.langelykke.dk/temp/index2.html