[CSS] Max-width in een float:right

[Ewald !]

Ok,
Dit is nu wat ik heb omgezet in css: http://ghbs.host.sk
Nu is het de bedoeling dat er een div aan de rechterkant van de container komt te floaten zodat die grijze balk opgevuld wordt. Het is niet de bedoeling dat de tekst buiten dit vak komt.
Ik heb het al geprobeerd met expressions (http://www.svendtofte.com/code/max_width_in_ie/) maar dat werkt niet... Heeft iemand nog ideeen?

[kaassouffle]

Kan dat niet met een gewone WIDTH ?

[Verwijderd]

Het is een beetje afhankelijk van wat je wilt dat er gebeurt als de content toch te breed wordt, en ondeelbaar is. Met de overflow properties kun je dat bepalen.

[Ewald !]

Ik wil het dus locken.. Maar gezien max-width CSS2 is, wekt dit dus niet inc. met IE...

[Vecodo]

alvast even je stylesheet aangepast
( dit lost het probleem nog niet op )

Hier kijk ik wat later op de dag even na

De Stylesheet

code:

/* body */
* { 
    margin:0;
    padding:0;
    }
    
html {
    }
        
body { 
    text-align:center;
    background-image:url(bg.jpg);
    margin:0;
    padding:0; 
    }
    
body tr, td, input, select, textarea {
    background-image:url(bg.jpg);
    background-repeat:repeat-x;
    padding:0;
    margin:0;
    overflow:auto;
    text-align:center; 
    font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif;
    font-size:10pt;
    line-height:14pt;
    color:#941C01;
    voice-family:inherit; 
    font-size:small;
    }
    
td, td {
    font-size:100%;
    }
    
#container {
    position:relative; 
    width:861px;
    margin:auto;
    }
    
#header {
    background:url(header1.jpg);
    background-repeat-y:50% 0;
    position:relative;
    height:175px;
    z-index:2;
    width:100%;
    }
    
#container2 {
    background-image:url(wrapper.jpg);
    background-repeat:repeat-y;
    width:100%;
    display:table;
    margin:0 auto;
    text-align:left;
    z-index:1;
    overflow:auto;
    }
    
#inhoud {
    padding-left:25px;
    padding-right:25px;
    text-align:left;
    font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif;
    font-size:10pt;
    line-height:14pt;
    color:#133d00;
    voice-family:inherit;
    font-size:small;
    }
    
#side {
    background-color:#000000;
    float:right;
    height:10px;
    width:10px;
    overflow:auto;
    }

    
    
    
/*  elements */
    form { margin:0 0 10px 0; }
    strong { font-weight:bold; background:#E1EBF5; padding:0 2px; }

[ Voor 98% gewijzigd door Vecodo op 10-10-2005 10:52 ]

[Janoz]

Hier ( http://www.erikniemeijer.nl/scripts/minmax.js ) staat een scriptje dat ik ooit eens ergens gevonden heb. Deze zorgt ervoor dat min en max wel in IE werken. Je moet de min en max dan echter wel bij het element zelf definieren.