PDA

Volledige versie bekijken : HTML + CSS probleem

FlashElements
%Europe/Berlin %510 %2006, 13:14
Beste mede Flashers,

Ik wil graag een hele simpele basis lay-out dmv <DIV> maken, ik wil geen tabellen gebruiken.
De basis layout is als volgt, een header, met daaronder een navigatie gedeelte daarnaast het content deel met daarnaast alle nieuws items. (dus een 3 vlaks verdeling, te samen de breedte van de header) daaronder de footer die de breedte heeft van de header.
Op alle 3 de vlakken heb ik een achtergrond afbeelding, op het moment dat de navigatie of de content of de nieuwsitems groter worden qua inhoud wil ik graag dat de rest ook die hoogte aanneemt de geldt voor alle vlakken en andersom.
Important: Het geheel moet werken in IE en FireFox.

Ik krijg het niet goed voor elkaar om dit te realiseren met de <DIV> tag, tabellen is geen probleem maar daar wil ik dus vanaf.

Wel heb ik zitten stoeien met CSS en met name de display tag. Hiermee kom ik al aardig in de richting alleen nog niet werkend voor IE.

Heeft iemand enig idee wat ik het beste kan doen?

Alvast bedankt FlashElements
Lorrens
%Europe/Berlin %515 %2006, 13:22
http://www.joriso.nl/verhaaltjes-grafisch-3kolommen-2.html

is dit misschien hulpvol? :)
FlashElements
%Europe/Berlin %549 %2006, 14:11
http://www.joriso.nl/verhaaltjes-grafisch-3kolommen-2.html

is dit misschien hulpvol? :)

Deze link voldoet eigenlijk niet aan de verwachtingen omdat bij veel tekst in 1 van de kolommen de rest niet meegaat.

Iemand anders nog suggesties ?
mknol
%Europe/Berlin %555 %2006, 14:19
http://bonrouge.com/br.php?page=fixH
dit is wat je zoekt denk ik
FlashElements
%Europe/Berlin %565 %2006, 14:34
http://bonrouge.com/br.php?page=fixH
dit is wat je zoekt denk ik


Dit is wel het goede idee, wel jammer dat het een javascript oplossing is, is het niet gewoon te doen met HTML + CSS ? en ook cross-browser.... wat raar dat hiervoor geen mogelijkheden zijn.

FlashElements
Lorrens
%Europe/Berlin %590 %2006, 15:09
Deze link voldoet eigenlijk niet aan de verwachtingen omdat bij veel tekst in 1 van de kolommen de rest niet meegaat.

Iemand anders nog suggesties ?

misschien is het nuttig om te lezen, hier staan namelijk ook allemaal verwijzingen voor jouw probleem.
http://alistapart.com/d/holygrail/example_3.html
*omdat je zelf te lui bent om even te zoeken en te kijken :)
FlashElements
%Europe/Berlin %607 %2006, 15:34
misschien is het nuttig om te lezen, hier staan namelijk ook allemaal verwijzingen voor jouw probleem.
http://alistapart.com/d/holygrail/example_3.html
*omdat je zelf te lui bent om even te zoeken en te kijken :)

Bedankt Lorrens, niet dat ik te lui ben hoor ;) maar ik heb alles al aflopen zoeken,... maar deze link is wel behulpzaam bedankt ik ga 'm goed bestuderen ... :)
josko
%Europe/Berlin %638 %2006, 16:19
die javascript optie is ook zonder js te doen :D

die twee vakken in 1 div zetten,
en ze dan height: inherit geven :D
KoenDK
%Europe/Berlin %661 %2006, 16:52
je kan ook eens googlen op 'faux columns' :)
mech7
%Europe/Berlin %667 %2006, 17:00
faux columns is eigenlijk cheaten :)
KoenDK
%Europe/Berlin %682 %2006, 17:23
ja?
wist ik niet

het werkt alleszinds :)
FlashElements
%Europe/Berlin %693 %2006, 17:38
je kan ook eens googlen op 'faux columns' :)
Ik heb hiervoor een goede workaround gevonden.

http://www.positioniseverything.net/articles/onetruelayout/equalheight

Bedankt voor jullie hulp....

FlashElements