3 kolommen fluid, de uitdaging
Een uitdaging
Omdat Dono in de reacties beweerde dat het niet mogelijk was een layout met 3 kolommen te maken waarbij de middelste fluid is, lees de reactie, wil ik toch eens even bewijzen dat dit wel mogelijk is.
Weliswaar is het dan wel niet meer allemaal float:left, maar een combinatie van float:left en float:right.
Het bewijs
Kun je zien op deze pagina.
Niet dat nu iedereen komt en dingen beweren die ik dan daadwerkelijk ga omzetten 
Gelezen: 2795 | Templates, Design, CSS, Tutorials
Trackback/Pingbacks
- Newbies en hun problemen | Nono
Reacties op: 3 kolommen fluid, de uitdaging
-
Mmm, wat jammer dat dono nu niet reageert nu het tegendeel bewezen is =p
-
Nu ook nog even alle kollomen even lang (dat ging vroegâh altijd zo makkelijk in tables).
-
Er is een verschil: je html-code staat niet meer in een logische volgorde, naar mijn mening.
Css geeft je de mogelijkheid om opmaak en inhoud volledig te scheiden… Als je dan moet gaan spelen met de volgorde van de inhoud, dat is geen scheiding meer.
Het kan, ja (en dat hoefde je echt niet te bewijzen ofzo, dat is basiskennis), maar het is niet mooi.
-
@Markei:
Dat kan je doen met overflow:hidden; (dat doe ik altijd althams).
-
Ohja Mark, waarom maak je ervan “dat het niet mogelijk was” als ik zeg dat het met DEZE methode niet kan (op een mooie manier)?
-
Sorry, maar zo had ik het begrepen.
Indien het niet zo bedoeld was, sorry, maar hebben ondertussen toch weer een template erbij
-
wat is er eigenlijk niet “mooi” aan???
ik bedoel het is een prachtige website (weliswaar niet de mooiste kleuren maarja)
-
Spijtig dat dit niet mogelijk is met alleen maar Css
of wel?
-
@Sam: Het is toch met CSS gedaan!?
-
ja foutje , sorry niet goed gekeken!
ik dacht dat je daarvoor css moest laten weten hoe groot de resolutie is van het scherm door middel van java script , maar gvd je hebt het idd mooi opgelost. Ik was hier al zolang op zoek , maar heb het nooit zelf kunnen ontdekken
very nc
-
Kan je dit ook vertikaal doen?
Ik ben namelijk aan het zoeken om dit vertikaal te doen. Dus een header en een footer met vaste hoogte, en het blok ertussenin altijd met een minimale hoogte zodat het scherm van boven tot onder gevuld is.
