Archief - CSS: height: auto?

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.

KoenDK

Legacy Member
http://www.tcbeukenhof.be/

deze website is basicly opgebouwd als volgt :

PHP:
<div id="content">
   <div id="menu"></div>
   <div id="kader" style="background-color:#FFFFFF; width:565px; padding: 15px 0px 0px 15px;"></div>
</div>


content is zo een beetje de container div, links heb je een div voor het menu, en rechts dus de content...


in IE zie je dat alles er goed uitziet, maar in FF zie je dat die content div (met dashed borders) een hoogte heeft van 1pixel

waarom? omdat ik geen height definieer

nu ja, als ik een fixed height definieer, dan gaat dit niet samen met die kader div,
want als deze meeeer content bevat, dan gaat die kader div langer zijn dan bv die 400px height die ik zou definiëren aan de content div...


hoe los ik dit op?


ik dacht dit op te lossen via

#content {
height:auto;
}

maar dat werkt niet :D


en met fixed values werken lukt ook niet, aangezien de lengte van de content dus steeds verschillend is per pagina...



voorlopig heb ik het domweg kunnen oplossen via <br /> :doh:




hoe doet men dit?
ps : ik werk met php includes in die kader div...

Xavez

Legacy Member
Heel je website is verkeerd opgebouwd, met afbeeldingen en <br />'s waar je gewoon een lijst zou moeten gebruiken voor je menu... Mijn gedacht is dat er daardoor iets is misgelopen (ik heb niet heel je code bekeken) waardoor dit ook niet meer klopt... Wellicht iets met floats :)...

En kom nu niet af dat we niet helpen ofzo, iets oplossen wat op slechte code gebouwd is, is ook maar patchwork :).

KoenDK

Legacy Member
mja, maar dat lost mijn probleem niet op :)


ik heb een div rond mijn menu links
een div rond mijn content rechts
(float:left)

en daarrond zit een div container



wat moet een mens in die situatie doen ivm height?
fixed values gaat niet want de content verschilt in lengte per pagina...


dat was dus eigenlijk mijn vraag :)

Xavez

Legacy Member
heel eenvoudig eigenlijk:

#menu: left floaten en fixed width meegeven
#content: margin-left even breed als de width van #menu

(id's zijn niet representatief voor deze site, je weet wel wat ik bedoel ;))

en that's about it :).

KoenDK

Legacy Member
dus eigenlijk nergens een height instellen ? ok, eens proberen dit weekend, thx :)

Xavez

Legacy Member
"<br />&nbsp;<br /><br />&nbsp;<br />&nbsp;<br /><br /><br />&nbsp;<br /><br />&nbsp;<br />
&nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />"
is nu niet bepaald iets wat je een mooie oplossing noemt...

Je moet dus die content-div (die waar je border op is toegepast, ik weet de juiste naam niet > te lui om te checken ;)) min-height="100%" geven (goeie browsers) en height="100%" (kutbrowsers :p).

KoenDK

Legacy Member
sava, ik ga dat eens proberen, dan kan ik die slechte code ook wegdoen :)
thx
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