[CSS]min-height - Softwareontwikkeling

zaterdag 6 mei 2006 15:14

Acties:

Topicstarter

Ik heb een website met een contentholder, dit is een divje van 800px breed en een minimale hoogte van 100%.

hier in bevind zich de inhoud, als deze inhoud groter word dan het scherm, zou je verwachten dat de contentholder groter zal worden maar dat is mijn mijn code niet het geval

HTML:

<body>
<div id="siteholder">
    <div id="content">
    <p>Inhoud</p>
    <p>Inhoud</p>
    <p>Inhoud</p>
    <p>Inhoud</p>
    <p>Inhoud</p>
    <p>Inhoud</p>
    <p>Inhoud</p>
    <p>Inhoud</p>
    <p>Inhoud</p>
    <p>Inhoud</p>
    <p>Inhoud</p>
    <p>Inhoud</p>
    <p>Inhoud</p>
    <p>Inhoud</p>
    <p>Inhoud</p>
    <p>Inhoud</p>
    <p>Inhoud</p>
    <p>Inhoud</p>
    <p>Inhoud</p>
    <p>Inhoud</p>
    </div>
</div>
</body>

Cascading Stylesheet:

html,body {
    height: 100%;
    min-height: 100%;
}

body
{
    background-color: #003366;
    margin: 0;
    padding: 0;
}


#siteholder
{
    position: absolute;
    height: 100%;
    min-height: 100%;
    width: 800px;
    top: 0;
    left: 50%;
    margin-left: -522px;
    background-color:lime;
    border-left: 10px solid white;
    border-right: 10px solid white;
}

#content
{
    position:absolute;
    width: 130px;
    top:200px;
    left:300px;
    background-color: white;
}

ik heb hier een testcase online staan.

het probleem doet zich zowel in IE als in FF voor.

zaterdag 6 mei 2006 15:36

Acties:

Freelance

(...)

overflow:auto; op je siteholder? Zal denk ik niet de oplossing zijn die je wilt, maar hier is genoeg info over te vinden op google of hier op GOT.

[ Voor 65% gewijzigd door Freelance op 06-05-2006 15:39 ]

"Sometimes I sits and thinks, and sometimes I just sits" - (W. the Poo)

zaterdag 6 mei 2006 15:46

Acties:

Niakmo

Topicstarter

Als ik hem miet absoluut positioneer lukt het wel, maar ik maak binnen de siteholder gebruik van divjes, die overelkaar lopen, dus ik moet wel absoluut positioneren.

zaterdag 6 mei 2006 15:51

Acties:

TafkaT

het komt door de combinatie van position: absolute; en een vaste height zetten. Dat gaat gewoon niet samen

zaterdag 6 mei 2006 15:52

Acties:

Niakmo

Topicstarter

TafkaT schreef op zaterdag 06 mei 2006 @ 15:51:
het komt door de combinatie van position: absolute; en een vaste height zetten. Dat gaat gewoon niet samen

maar ik wil geen vaste hoogte, ik wil een minimale hoogte

zaterdag 6 mei 2006 15:54

Acties:

TafkaT

Verwijder dan de height: 100% en gebruik een hack met een filler-div voor ie. Lijkt mij de makkelijkste oplossing.

zaterdag 6 mei 2006 16:07

Acties:

Verwijderd

Als je een element absoluut positioneert wordt ie uit de document flow getrokken, ik zal 't even verder bespreken met je via msn

edit: fixed, height: 100% in #sitecontainer zorgde ervoor dat ie niet mee wilde rekken met de content

[ Voor 32% gewijzigd door Verwijderd op 06-05-2006 16:34 ]