PDA

Volledige versie bekijken : div's naast elkaar tot 100% width


jonckhje
%Europe/Berlin %230 %2010, 06:31
Hoi,
volgens mij zoek ik weer eens met de verkeerde zoektermen, want zo moeilijk zou dit toch niet moeten zijn? Ik wil een html pagina opdelen in vier divisions volgens het bijgesloten plaatje. Dus linker kolom breedte 200px, rechter kolom breedte 100%-200px. Eerste rij hoogte 150px, tweede rij hoogte 100%-150px.

Is er een elegante cross-browser oplossing om dit voor elkaar te krijgen (liever een richting dan de oplossing)?

thnx!
Jeroen
http://www.semper-simplex.nl/divuitdaging.jpg

Tom.
%Europe/Berlin %336 %2010, 09:04
Javascript. Richting: breedte van 100% opvragen, daar 150px afhalen voor de 100%-150px breedte.

Om het elegant te houden geef je die 100% dan een breedte die bijvoorbeeld 850px is, zodat het op een 1024x768 scherm nog goed te zien is als JS uitgeschakeld staat.

jonckhje
%Europe/Berlin %412 %2010, 10:54
Pracht oplossing! Dankjewel...
ik moet hem nog even door de mallemolen van verschillende browsers halen, maar tot nu toe ziet het er mooi uit!!!

Tom.
%Europe/Berlin %418 %2010, 11:03
Mooi zo :)