Table naast float in IE
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?
Gewijzigd op 01/01/1970 01:00:00 door Bo az
Edit:
Ik zou ook graag de structuur van je HTML willen zien :)
Gewijzigd op 01/01/1970 01:00:00 door Dennis Mertens
Wat Dennis zegt zou je kunnen doen, maar als je pagina niet fluid is in breedte, kun je ook gewoon een vaste breedte geven aan je table.
Gewijzigd op 01/01/1970 01:00:00 door Mitchell
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<div class="menu"> <!-- float: left -->
<ul><li>menu</li></ul>
</div>
<div class="content">
<table><!--inhoud--></table>
</div>
<ul><li>menu</li></ul>
</div>
<div class="content">
<table><!--inhoud--></table>
</div>
de volledige html:
http://shit.n3rd.nl/html.txt
css:
http://shit.n3rd.nl/css.txt
edit:
Quote:
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.
Gewijzigd op 01/01/1970 01:00:00 door Bo az
Code (php)
1
2
3
2
3
div#content {
margin-left: 210px;
}
margin-left: 210px;
}
Nog maar even kort de vraag herhalen:
Hoe krijg ik een table die breder is dan de pagina, naast een div (float)?