3 column layout

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Pagina: 1 2 3 4 5 volgende »

Lord Niek

Lord Niek

30/07/2007 15:42:00
Quote Anchor link
Hi,

Ik heb een 3 column layout, en de middelste kolom, daar staan aan de linker en rechter kant borders om heen.
Echter is soms de linker of rechter colom langer, waardoor die borders maar tot bv de helft van de pagina lopen. De bedoelding is echter dat ze doorlopen naar beneden. Iemand die weet hoe ik dat moet fixen?

Gr,
 
PHP hulp

PHP hulp

23/11/2024 13:58:33
 
Kalle P

Kalle P

30/07/2007 15:48:00
 
Lord Niek

Lord Niek

30/07/2007 15:51:00
Quote Anchor link
Dus dat meot serieus met plaatjes?
 
Danny K

Danny K

30/07/2007 16:14:00
Quote Anchor link
Natuurlijk hoeft dat niet.
 
Lord Niek

Lord Niek

30/07/2007 16:14:00
Quote Anchor link
hoe dan zonder images?
 
Robert Deiman

Robert Deiman

30/07/2007 16:28:00
 
Lord Niek

Lord Niek

30/07/2007 16:33:00
Quote Anchor link
Ja, Robert, heel erg bedankt! Dit werkt! xD
 
Lord Niek

Lord Niek

30/07/2007 17:21:00
Quote Anchor link
Ja, nu werkt t wel, maar als de text nu langer is als de "bottom", dan zorgt die overflow: hidden; er voor dat het te veel aan text onzichtbaar wordt..

Ik heb gewoon op alle 3 de colommen een class "column" gemaakt, en op de container div, heb ik dus die overflow properties zitten. de classe column heeft die negatieve margin en positiefe padding, die j edaar bij de holy grail ook ziet.
 
Lord Niek

Lord Niek

31/07/2007 10:59:00
Quote Anchor link
Hmm, en in Internet explorer lopen de colommen ook gewoon een heeeeeeeel eind door naar beneden! Daar is mijn scrollbar super groot!
 
Winkie

winkie

31/07/2007 11:04:00
 
Lord Niek

Lord Niek

31/07/2007 11:08:00
Quote Anchor link
ja maar dat zijn 3 lossen divs..
 
Winkie

winkie

31/07/2007 11:19:00
Quote Anchor link
en?
 
Lord Niek

Lord Niek

31/07/2007 11:31:00
Quote Anchor link
nja, t werkt nu wel in IE, alleen de content div staat te ver naar onderen.. :(

Die begint pas op het einde van de andere 2 colommen zeg maar:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
bla     bla
bla     bla
bla     bla
bla     bla
     bla
     bla
     bla
Gewijzigd op 01/01/1970 01:00:00 door Lord Niek
 
Winkie

winkie

31/07/2007 11:35:00
Quote Anchor link
linker div: float left
rechter div: float right
div waar ie in staat: clear both

OF

3 divs naast elkaar in een container div
met allemaal procenten voor de breedte
dus: 33% 34 % 33%
 
Lord Niek

Lord Niek

31/07/2007 11:43:00
Quote Anchor link
Die clear: both; werkt niet..
 
Winkie

winkie

31/07/2007 11:45:00
Quote Anchor link
wel alle drie nog ff in een container div gooien
 
Lord Niek

Lord Niek

31/07/2007 11:46:00
Quote Anchor link
is ook al.
 
Lord Niek

Lord Niek

01/08/2007 09:47:00
Quote Anchor link
BUMP.
Ik heb nu conditional COmments, maar t werkt nog steeds neit, Weet iemand wat ik mis doe?

http://niek.signet.nl (let niet op de lay, is nog niet af. Het gaat er nu om waarom de content naar onderen staat, en niet gewoon tussen de andere 2 colommen in.)
 
Winkie

winkie

01/08/2007 10:14:00
Quote Anchor link
Hey, in Firefox werkt ie wel zoals t zou moeten.

Das goed nieuws voor jou, want het enige wat je nog 'ff' moet doen is een IE-fix in je CSS toepassen :)

ergens :)
 
Lord Niek

Lord Niek

01/08/2007 10:16:00
Quote Anchor link
Ja, ik weet t. Mijn firfox werkt ie wel, maar t probleem was dus ook dat het niet werkte in IE! Maar ik kom er echt niet uit hoe ik het dan moet laten werken in IE.. :(
 
Winkie

winkie

01/08/2007 10:37:00
Quote Anchor link
probeer dat met die procenten eens, dat werkt ook in IE.

Ik heb er laatst zelf ook een soorgelijke site mee gemaakt (www.skyxs.nl); misschien lukt het nu wel?

en heb je de voice-family hack al geprobeerd? (ff googlen)
 

Pagina: 1 2 3 4 5 volgende »



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.