[CSS] Content rekt de site niet uit (IE6)

[Dannydekr]

Ik ben bezig met een website voor een studentenvereniging. Hij werkt perfect in Firefox, IE7, Opera. maar in IE6 rekt de content de website niet uit. Wanneer je content wil bekijken die groter is dan de width van de body, dan komt het onder het menu te staan in IE6.

http://www.dispuutiduna.nl/ klik op agenda, kies de maand April, en je weet precies wat ik bedoel.

In IE7 is het geen probleem omdat de site gewoon meerekt (menu wordt kleiner).

Heb alle code die ik weet al geprobeerd. Niets werkt in IE6. Hopelijk kan iemand mij verder helpen.

Hier de code uit de index.php met betrekking tot die onderdelen:

code:

<table border="0" cellpadding="0" cellspacing="0" width="760">
                            <tr valign="top">
                            
                            <td id="body">
                            
                                <div  id="middle">
                            
                                    <div id="pathway">
                                        <?php mosPathWay(); ?>
                                    </div>
                                    <?php mosMainBody(); ?>
                                </div>
                            
                                <?php if (mosCountModules('user1') || mosCountModules('user2')) { ?>
                                <?php } ?>
                                <?php if (mosCountModules('banner')) { ?>
                                <?php mosLoadModules('banner', -2); ?>
                                <?php } ?>
                                <?php if (mosCountModules('footer')) { ?>
<div class="border" id="footer">
                                    <?php mosLoadModules('footer', -1); ?>
                              </div>
                                <?php } ?>                          </td>
                                <td id="right">
                                <?php mosLoadModules('right',-2); ?>
                            </table>

in het CSS gedeelte van body, right staan de maten. Ik heb ze op 75% en 25% gezet. Ze stonden voorheen op PX maten.

code:

td#body {
    width: 75%;

}

td#right {
    padding-left: 2px;
    width: 25%;
    background: #ffffff;
    border-left: 1px solid #e0e8f1;
    
    
}

[ Voor 7% gewijzigd door Dannydekr op 20-03-2007 20:48 ]

[crisp]

Hier zit je probleem volgens mij:

Cascading Stylesheet:

div#middle {
    float: none !important;
    float: left;
    margin-bottom: 2px;
    padding: 15px;
}

Maar meer in het algemeen zit je hier met een site die van geen kant valideerd, claimed XHTML te zijn maar dat niet is, IE < 7 in quirksmode dwingt, tabellen misbruikt voor layout en die bol staat van de CSS hacks. Kortom: een nachtmerrie om te onderhouden...