html height 100% > links werken niet

[EJSchuiteman]

Hey tweakers,

Na uren googelen nu maar een topic hier. Ik zit met het volgende probleem:

Ik ben bezig met een site waar de content centraal wordt geplaatst op een breedte van 900px. De achtergrond kleur van dit vlak is wit en ik doe er een leuk plaatje achter. Beide zijkanten (die niet gebruikt worden) krijgen een ander kleurtje.

Mijn menu maak ik via css met een mooi plaatje en menu hover etc.

Nu wil ik dat het centrale gedeelte altijd 100% hoog is. Maar als ik in css html height op 100% zet, dan werkt mijn menu niet meer in Firefox en Chrome. IE nog wel..... Zet ik 100% bij html uit dan werkt het meun wel maar dan is het centrale gedeelte net zo hoog als de tekst die er is en niet volledig!

Dit is mijn css:
*snip*

Verder heb ik een div main die om de andere divs heen staat.
dus:

XHTML:

    <div id="main">
        <div id="header" />
                <div id="banner" />
                <div id="menu">Hier alle menu onzin met ul en li</div>
        </div>

Hopelijk weet iemand hier de oplossing voor.

[ Voor 49% gewijzigd door MueR op 23-08-2010 21:44 . Reden: Hele lap css weg ]

[Verwijderd]

gebruik aub de Overzicht van UBB-codes #tag_code

[MueR]

Verwijderd schreef op maandag 23 augustus 2010 @ 21:31:
gebruik aub de Overzicht van UBB-codes #tag_code

Dit. We zien verder graag alleen relevante CSS, niet je complete file. Een linkje naar een testcase zou ook makkelijk zijn.

[EJSchuiteman]

Bedankt voor het aanpassen van start post.

[ Voor 42% gewijzigd door EJSchuiteman op 20-07-2011 14:55 ]

[Spinal]

In Opera (10.61) werkt het ook niet trouwens.
Is er een reden dat je dit met (i)frames doet en niet met faux-columns en serverside includes (PHP enz)?

[Verwijderd]

Voor het uitproberen van CSS gebruik ik altijd deze: http://www.w3schools.com/css/css_examples.asp

[EJSchuiteman]

iframe gebruik ik alleen om content te laten zien. Dit is het probleem niet. Het gaat puur om het menu dat niet meer werkt in de andere browsers.

[RaZ]

Maar op die manier een iframe gebruiken is zoooo 1996... Dat kan je met css ook makkelijk en veel netter doen. Voordeel is ook nog dat mensen dan directe links kunnen copy'n'pasten in dingen als mail/msn/hyves/facebook etc..etc..

Daarbij gaat de lay-out ook finaal mis, en niet alleen het menu. Zo heb ik dus een scrollbar die niet staat waar die hoort (vanwege het iframe dus), en als ik naar beneden scroll, houd de achtergrond er mee op, waardoor deze dus blauw is, ipv wit met het randje.

Edit:

[ Voor 17% gewijzigd door RaZ op 24-08-2010 12:18 ]

[EJSchuiteman]

Ik zal vanavond maken zoals ik het had, zonder frames. Dan nog blijft het probleem met het menu.

Iframe had ik geïntroduceerd omdat anders de links in de adresbalk te zien zijn. Nu niet.
Als iemand hier ook een oplossing voor heeft

[ Voor 42% gewijzigd door EJSchuiteman op 24-08-2010 09:12 ]

[Cartman!]

EJSchuiteman schreef op dinsdag 24 augustus 2010 @ 09:07:
Iframe had ik geïntroduceerd omdat anders de links in de adresbalk te zien zijn. Nu niet.
Als iemand hier ook een oplossing voor heeft

Zeker is daar een oplossing voor: niks tegen doen! Stel je voor dat iemand een specifieke pagina zal bookmarken en dat iemand kan zien waar hij/zij momenteel is. Kijk eens naar de sites die je meer bezoekt, verbergen zij waar jij je bevind? Om welke reden zou dat zijn?

[EJSchuiteman]

Oké duidelijk . Bedankt voor de uitleg.
Css probleem is opgelost, collega heeft even geholpen.

Probleem zat in de positions (relative) die ik gebruikte. Deze eruit gegooid, float:left toegevoegd en wat margins en voila.
Vanavond even bijwerken op de ftp. Dank u allen voor de reacties.

[Verwijderd]

Overigens gaat deze manier van 100% height geven volledig de mist in als je content hoger wordt dan wat er op je scherm past

[EJSchuiteman]

Hoe bedoel je?

[RaZ]

EJSchuiteman schreef op dinsdag 24 augustus 2010 @ 12:16:
Hoe bedoel je?

Zie m'n screenshot in m'n vorige post...

[EJSchuiteman]

Bekijk de link nog eens? frames zijn weggehaald.
Zit nu inderdaad alleen nog met het probleem van de hoogte.

Wanneer content groter is dan op het scherm staat of als je de pagina verkleint en naar beneden scrolt.

[ Voor 13% gewijzigd door EJSchuiteman op 24-08-2010 12:22 ]

[RaZ]

Ja ok, maar jij vroeg om wat er werd bedoeld, en dat is daar dus te zien. Dat maakt in dit geval niet uit dat de screenshot nog is met frames, gezien het euvel exact het zelfde is.

[EJSchuiteman]

Daar heb je helemaal gelijk in

[EJSchuiteman]

Probleem is opgelost. Ik dank u allen weer voor de reacties