[css] dubbel centreren met beheer tot omliggend gebied

[FrankvR]

Ik wil graag met css mijn website gaan maken.
Nu wil ik graag de volgende constructie:

code:

+--------------------------+
|                          |
|     +---------------+    |
|     |               |    |
|     |               |    |
|     +---------------+    |
|                          |
+--------------------------+

waarbij het middelste vlak vaste afmetingen heeft. Deze moet dus gewoon in het midden van het beeld komen te staan. Dat lukt wel, met de left-margin: -getal + truc.
Maar nu is mijn probleem:
ik wil graag dat alles links van het middelste vlak blauw wordt, alles rechts wit, en alles boven en onder, moet verlopen van blauw naar wit.

Met frames is het gemakkelijk:

<frameset cols="*,771,*" frameborder="0" border="0">
<frame src="left.html" scrolling="no" frameborder="0">
<frameset rows="*,431,*" frameborder="0" border="0">
<frame src="top.html" scrolling="no" frameborder="0">
<frame src="main.php?pid=home" scrolling="no" noresize frameborder="0">
<frame src="bottom.html" scrolling="no" frameborder="0">
</frameset>
<frame src="right.html" scrolling="no" frameborder="0">
</frameset>

maar met css lukt het me maar niet. heb al behoorlijk wat gezocht, ook op andere sites, maar deze constructie nergens tegen gekomen.

alvast bedankt

[ Voor 16% gewijzigd door FrankvR op 30-08-2004 09:29 ]

[André]

Maak 2 kolommen die op de hele pagina staan en maak de linkerkolom blauw en de rechter wit. Dan een achtergrondplaatje met gradient op de pagina zetten die net zo breed is als je content en die gecentreerd staat.

code:

+-------------|-------------+
|     | gradie|nt      |    |
|     +-------|--------+    |
|  b  |       |        |  w |
|     |       |        |    |
|     +-------|--------+    |
|             |             |
+-------------|-------------+

[ Voor 39% gewijzigd door André op 30-08-2004 09:34 ]

[FrankvR]

in verschillende lagen?


dus zo:

code:

+-------+-------+
|       |       |
|       |       |
|       |       |
+-------+-------+

en daaroverheen

een horizontaal gecentreerde div over de hele hoogte (achtegrond gradient), met daarin een div verticaal gecentreerd (mainsite)

als ik je goed begrijp?

is het dan geen probleem dat de verschillende lagen overelkaar heen zitten?

[André]

FrankvR schreef op 30 augustus 2004 @ 09:38:

als ik je goed begrijp?

is het dan geen probleem dat de verschillende lagen overelkaar heen zitten?

Ja

Nee