Ik ben van mening dat dit niet zomaar een Kollom probleem is. Ik ben nu een dag bezig met het goed krijgen van 2 Kollomen naast elkaar.
Ik heb A List Appart al bekeken, maar de image background hack was helaas niet een oplossing. Ik heb ook meerder dingen bekeken. Echter lukte het niet 100%.
Ik heb 2 CSS manieren online gezet:
Manier 1:
2 Kollomen naast elkaar, en als het rechter kollom te lang is (de rechter zal altijd langer zijn dan de linker) dan wordt het linker kollom opgevuld door de achtergrond kleur van de container div.
Echter wil firefox de container niet pakken omdat deze manier gebruikt maken van Floats..
Link: http://testbase7.nl/got/
Manier 2:
Dit keer heb ik de rechter kollom gepositioneerd dmv "position: relative;". En de container heeft een background image die de kleuren van de Kollomen vervangen als er 1 langer is dan de ander (de manier die beschreven staat op a list appart)
Terwijl het er op lijkt dat deze manier het beste werkt in combinatie met FireFox, heeft firefox er een probleem mee dat in het text vlak gek genoeg ongeveer 100pixels padding bij zit terwijl ik dat niet gedefineert heb!
En IE(7) is beter kwa padding, maar die geeft positions: relative's "top:, left:" weer op een ander manier.
Link: http://testbase7.nl/got/2/
Sorry voor de slechte uitleg, ik ben hier niet goed in.
Overgens heb ik ook geprobeerd om de background image op de <body> tags te zetten. Echter komen de 2 (fake) Kollomen dan onder de footer uit bij een resolutie hoger dan 1024x768..
Ik heb A List Appart al bekeken, maar de image background hack was helaas niet een oplossing. Ik heb ook meerder dingen bekeken. Echter lukte het niet 100%.
Ik heb 2 CSS manieren online gezet:
Manier 1:
2 Kollomen naast elkaar, en als het rechter kollom te lang is (de rechter zal altijd langer zijn dan de linker) dan wordt het linker kollom opgevuld door de achtergrond kleur van de container div.
Echter wil firefox de container niet pakken omdat deze manier gebruikt maken van Floats..
Link: http://testbase7.nl/got/
Manier 2:
Dit keer heb ik de rechter kollom gepositioneerd dmv "position: relative;". En de container heeft een background image die de kleuren van de Kollomen vervangen als er 1 langer is dan de ander (de manier die beschreven staat op a list appart)
Terwijl het er op lijkt dat deze manier het beste werkt in combinatie met FireFox, heeft firefox er een probleem mee dat in het text vlak gek genoeg ongeveer 100pixels padding bij zit terwijl ik dat niet gedefineert heb!
En IE(7) is beter kwa padding, maar die geeft positions: relative's "top:, left:" weer op een ander manier.
Link: http://testbase7.nl/got/2/
Sorry voor de slechte uitleg, ik ben hier niet goed in.
Overgens heb ik ook geprobeerd om de background image op de <body> tags te zetten. Echter komen de 2 (fake) Kollomen dan onder de footer uit bij een resolutie hoger dan 1024x768..