[JS] 3 Column equal height
Ben ik weer eens met een vraag. Deze keer gaat het over 3 kolom gelijke hoogte (een probleem wat veel mensen hebben). Ik had een tijdje geleden zelf een klein scriptje gevonden (js) voor een gefixeerde layout. Maar ik kwam erachter dat die niet werkte als bijvoorbeeld een van de divs plots langer werd. Dus bijvoorbeeld bij een liquide layout werkt dit script voor geen meter.
Ik ben hierna opzoek gegaan op google naar andere scripts, toen heb ik alle geprobeerd die ik heb gevonden, maar ze werkte allemaal niet op liquide layouts.
Nu is mijn vraag, heeft iemand hier een script of een beginnetje voor?
ps. Ik heb mootools, dus het liefst zou ik het daar nog mee hebben.
Wat wil je precies bereiken?
dat er 3 verschillende achtergronden zijn met een vaste kleur?
Gewijzigd op 01/01/1970 01:00:00 door Terence Hersbach
Ik heb de css aanpak ook al geprobeerd, maar deze werkt ook niet goed.
Edit: Met de css aanpak bedoel ik dus display: table etc. (De divs vertellen zich te gedragen als een tabel.)
Gewijzigd op 01/01/1970 01:00:00 door Mitchell
en verandert de hoogte omdat er meer content in komt, of omdat de gebruiker zijn scherm aanpast?
is er niet iets als een onresize event?
dan kan je de boel opnieuw berekenen...
wat je ook kan doen is het gewoon elke 5 sec ofzo doen.
en kan je niet met faux columns werken?
pepijn de vos schreef op 13.06.2008 17:39:
zijn de divs wel een vaste breedte?
en verandert de hoogte omdat er meer content in komt, of omdat de gebruiker zijn scherm aanpast?
is er niet iets als een onresize event?
dan kan je de boel opnieuw berekenen...
wat je ook kan doen is het gewoon elke 5 sec ofzo doen.
en kan je niet met faux columns werken?
en verandert de hoogte omdat er meer content in komt, of omdat de gebruiker zijn scherm aanpast?
is er niet iets als een onresize event?
dan kan je de boel opnieuw berekenen...
wat je ook kan doen is het gewoon elke 5 sec ofzo doen.
en kan je niet met faux columns werken?
De buiten divs (left/right) zijn beide een vaste breedte, de middelste is liquid. De hoogte moet veranderen omdat er meer content in komt of omdat de gebruiker zijn scherm aanpast.
Geen idee of er iets als dat bestaat, ik zal er even naar zoeken.
Faux columns zijn niet bruikbaar bij een liquide layout en ze zijn nou niet echt een goede oplossing.
Ik heb ook even een voorbeeldje gemaakt: http://xevodesign.nl/umai/
De 2 schaduw randjes aan de linker en rechter kant moeten met de middelste div mee gaan.
Css is voor de opmaak, javascript niet. Dus: geen achtergrondplaatje of geen liquid layout.
Jezpur schreef op 13.06.2008 18:15:
Werkt niet op een liquide layout.Harmen schreef op 13.06.2008 18:16:
Ja ik weet het, ik ben momenteel zelf een css oplossing aan het bedenken. Javascript oplossingen hoor ik nog steeds graag! ;)Js en opmaak... Niet echt de bedoeling.
Css is voor de opmaak, javascript niet. Dus: geen achtergrondplaatje of geen liquid layout.
Css is voor de opmaak, javascript niet. Dus: geen achtergrondplaatje of geen liquid layout.
Karl schreef op 13.06.2008 18:39:
Eerste keer dat ik hier wat over hoor, ik zal het even checken. Thanks. ;)Is liquid Faux columns niet wat?
Overigens, ik ben ondertussen al verder gekomen met me probleem d.m.v. Css, maar display: table schijnt niet te werken in IE, heeft iemand een oplossing?
Site: http://xevodesign.nl/umai/