Archief - Div uitbreiden met vaste afmetingen

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
s

sarnath

Legacy Member
Ik heb een vraagje over het uitbreiden van een div met vast opgestelde afmetingen.

In IE negeert hij blijkbaar gewoon de afmeting zodra er objecten komen die de hoogte overstijgen, in Firefox echter niet.
Het is echter logisch dat dit niet zo is aangezien ik expliciet een afmeting heb opgegeven.

Nu zou dat dus wel moeten gebeuren en heb ik hiervoor de eigenschap "overflow" gevonden, helaas krijg ik dan van die irritante scrollbars die ik absoluut niet moet hebben.

De onderstaande code is mijn voorbeeld, zoals het er in IE uitziet is het dus correct, maar ik zou dit dus in alle browsers en W3C correct willen hebben.

HTML: 
<html>
<head>
<style type="text/css">
.total{
    width:1020px;
    height:1250px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    border:1mm #3d83f6 solid;
	background-color:#858585;
}

.content{
	background-image:url("bijlagen/opmaak/carspotting_bg.jpg");
    width:1010px;
    height:1250px;
	padding-top:10px;
	padding-left:10px;
	position:relative;
}
.footer{
    width:1020px;
    height:20px;
	color:#FFFFFF; 
	text-align:center;
	background-color:#555454;
}

.menu{
	color:#FFFFFF;
    width:1020px;
    height:30px;
    background-color:#555454;
}

</style>
</head>
<body>
<div class="total">
    <div class="menu">
    menu
    </div>
    <div class="content">
        <table width="100%">
            <tr>
                <td height="200" bgcolor="green">tekst</td>
            </tr>
            <tr>
                <td height="200" bgcolor="green">tekst</td>
            </tr>
            <tr>
                <td height="200" bgcolor="green">tekst</td>
            </tr>
        </table>
                <table width="100%">
            <tr>
                <td height="200" bgcolor="green">tekst</td>
            </tr>
            <tr>
                <td height="200" bgcolor="green">tekst</td>
            </tr>
            <tr>
                <td height="200" bgcolor="green">tekst</td>
            </tr>
        </table>
                <table width="100%">
            <tr>
                <td height="200" bgcolor="green">tekst</td>
            </tr>
            <tr>
                <td height="200" bgcolor="green">tekst</td>
            </tr>
            <tr>
                <td height="200" bgcolor="green">tekst</td>
            </tr>
        </table>
    </div>

    
    <div class="footer">
        footer
    </div>
</div>

</body>
</html>
M

MennovdH

Legacy Member
Wat je dus wil is dat je content div automatisch groter wordt als de inhoud te groot is?

Code: 
.content{
	background-image:url("bijlagen/opmaak/carspotting_bg.jpg");
	width:1010px;
	height:1250px;
	min-height:1250px;
	padding-top:10px;
	padding-left:10px;
	position:relative;
}

*>.content{
	height:auto;
}

Dat zou moeten werken in zowel in IE6 als andere browsers.

Menno
s

sarnath

Legacy Member
MennovdH zei:
Wat je dus wil is dat je content div automatisch groter wordt als de inhoud te groot is?

Code: 
.content{
	background-image:url("bijlagen/opmaak/carspotting_bg.jpg");
	width:1010px;
	height:1250px;
	min-height:1250px;
	padding-top:10px;
	padding-left:10px;
	position:relative;
}

*>.content{
	height:auto;
}

Dat zou moeten werken in zowel in IE6 als andere browsers.

Menno
Klik om te vergroten...

dat moest ik idd hebben, bedankt! :)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan