Nogal lastige equal height divs

[Sh4wn]

Voor een site moet ik een layout slicen, en daarbij is de bedoeling dat het menu en de content altijd even groot zijn.

Zie hier:
http://server.return1.net/Slices/test/
Ik heb de footer en header er maar ff uitgelaten.

Zoals je ziet, hebben we een menu met een border, behalve aan de rechter kant, en de content met ook een border behalve aan de linkerkant, maar met een andere kleur als die van het menu.

Die border maakt het een beetje lastig, omdat je dan geen Faux Columns kan doen, want dan is de bottom border bijv. van het menu te hoog.

Iemand een idee?

[MueR]

Je zoekt naar het keyword 'faux columns'
Dit kan wel met faux hoor.
Kwestie van de menu binnen je content div zetten en een hr als laatste element in je content div, met border op 0.

Lees ook Curry eens Kheb geen tijd om een voorbeeld te maken, kmoet doen alsof ik werk.

Does niet zo lastig, ik ga je inmaken met poolen, nu ga je er aan

[ Voor 96% gewijzigd door MueR op 14-01-2008 17:00 ]

[RobIII]

Je kunt toch wél gewoon faux-columns gebruiken en dan de bottom-border aan de bovenkant van je footer zetten? Dan krijg je dus zoiets:

code:

Wrapper       |                   |
|  Nav/Menu   | Content           |
/Wrapper      |                   |
Footer
| Border-menu | Border content    |
| ---------------------------------
| Footerinhoud
/Footer

Waarbij je border-menu en border-content in een 'faux' background-gifje zou kunnen gooien of met 2 floating divjes zou kunnen maken.

MueR schreef op maandag 14 januari 2008 @ 16:37:
Je zoekt naar het keyword 'faux columns'

Lees de TS eens goed

MueR schreef op maandag 14 januari 2008 @ 16:37:
Je zoekt naar het keyword 'faux columns'
Dit kan wel met faux hoor.
Kwestie van de menu binnen je content div zetten en een hr als laatste element in je content div, met border op 0.

Lees 'm nog eens goed

Sh4wn schreef op maandag 14 januari 2008 @ 16:25:
...en de content met ook een border behalve aan de linkerkant, maar met een andere kleur als die van het menu.
?

[ Voor 115% gewijzigd door RobIII op 14-01-2008 16:47 ]

[curry684]

Ach het vereist wat hackwerk, maar op www.cenio.com/nl-NL/personal/notebooks is het me ook gelukt, zie de bottom border in de right sidebar

[ Voor 3% gewijzigd door curry684 op 14-01-2008 16:46 ]

[Sh4wn]

RobIII schreef op maandag 14 januari 2008 @ 16:38:
Je kunt toch wél gewoon faux-columns gebruiken en dan de bottom-border aan de bovenkant van je footer zetten? Dan krijg je dus zoiets:

code:

Wrapper       |                   |
|  Nav/Menu   | Content           |
/Wrapper      |                   |
Footer
| Border-menu | Border content    |
| ---------------------------------
| Footerinhoud
/Footer

Waarbij je border-menu en border-content in een 'faux' background-gifje zou kunnen gooien of met 2 floating divjes zou kunnen maken.


[...]

Lees de TS eens goed

[...]

Lees 'm nog eens goed

[...]

Ah ja, dat is een slimme oplossing

[ Voor 64% gewijzigd door Sh4wn op 14-01-2008 20:30 ]