Zoals de titel al doet vermoeden, loop ik tegen een CSS probleem aan wat in FF niet bestaat, maar in IE (7) wel.
Het probleem is als volgt, ik heb een lay-out met een menu met 'float: left;' Daar naast staat een div, met daar in o.a. een table er in. Dit gaat goed, zolang de table binnen de pagina past, zodra de table te breed wordt voor de pagina wordt deze in IE onder het menu geplaatst.
Een print screen van het probleem: (links ie - rechts ff) print screen
Ik had gelezen dat het aanpassen van 'position' van de table het probleem oploste als de table en 100% width heeft, dat heeft de mijne niet en de oplossing werkte dan ook niet.
Heeft iemand een idee wat het probleem zou kunnen zijn?
Dit is een bekende fout (of juist fout van FF) in IE, wat Firefox doet is gewoon buiten ze parent treden. IE laat ze parent mee groeien.
Ik heb even met firebug gekeken en het klopt idd dat de table buiten de div komt. overflow: auto; lost het op, maar heeft zeer lelijke scrollbalken als gevolg, dat is nog erger.
Probleem is dat niet de gehele div onder het menu komt te staan, maar pas vanaf de table, de titel die je in de print screen ziet, staat ook in de div en die staat wel netjes naast het menu.
