HTML: Seite zentrieren, aber oben weiß und unten blau

[Die Muhkuh]

Hi,

ich hab gerade nen kleinen Hänger.

Es geht um folgendes:

Ich hab ein Bild mit einem Farbverlauf, welcher von weiß (oben) nach blau (unten) verläuft.

Dieses Bild möchte ich auf einer Homepage zentriert (quasi valign: middle und align: middle) darstellen. Über dem Bild soll der Rest der Seite weiß bleiben, unter dem Bild soll der Rest der Seite blau bleiben.

Hat jemand eine Idee?

[Pfoto]

Für eine echte Zentrierung würde ich immer noch eine
Tabelle als Grundobjekt nehmen und nicht CSS.

die Tabelle dann auf 100% (width / height), dann darin
eine Zelle erzeugen und valign="middle" und align="middle" machen.

Dann darin ein Bild platzieren.



Gruß
Pfoto


Nachtrag: Folgender Code wäre möglich (getestet)

<table width="100%" height="100%">
<tr>
<td valign="middle" align="middle">
[img]probe.jpg[/img]
</td>
</tr>
</table>

[Die Muhkuh]

Hi,

sorry, ich hatte den Link vergessen:

http://www.platinum-gaming.com/

Das ist bis dato kurz hingeschrieben, aber es verdeutlicht, was ich vorhabe.

Ich stelle mir das atm so vor:

Eine Tabelle mit drei Zeilen ist mittig zentriert.

Die obere Zeile ist weiß, die zweite Zeile ist in drei Spalten gegliedert. Die erste und dritte Spalte haben den Farbverlauf wie das Bild und die zweite Spalte beinhaltet das eigentlich Bild.
Die letzte Zeile der Tabelle ist dann blau. Das Problem ist nur, dass ich nicht weiß, wie ich der ersten und letzten Zeile sagen kann, dass die den Rest der Seite ausfüllen.

BTW: Das müssen jetzt nicht unbedigt Tabellen sein, nur als Beispiel zum verdeutlichen.

MfG

[Tormentor32]

Vielleicht versuchst dus mal mit nem <DIV> tag

Code:

<div id="Navigation" style="position:absolute; left:0px; top:0px; 
   width:160px; height:500px; z-index:2; background-color:white; padding:5px"> 
</div>

[freak4fun]

Code:

<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="3" style="background-color: white;">
    </td>
  </tr>
  <tr>
    <td class="bg"></td>
    <td width="800" align="center" bgcolor="#0272aa">[img]stay-tuned.jpg[/img]</td>
    <td class="bg"></td>
  </tr>
  <tr>
    <td colspan="3" style="background-color: #0272aa;">
    </td>
  </tr>
</table>

Oder so ähnlich ... :)

MfG
freak