Homepage (slices) vertikal/horizontal zentrieren aber wie

Status
Nicht offen für weitere Antworten.
R

reggib

Grünschnabel
Hallo zusammen,

ich habe mir mit Photoshop eine kleine Homepage in Visitenoptik gebastelt und möchte nun das der komplette Inhalt in der Bildschirmmitte (horizontal & vertikal)zentriert angezeigt wird!

Genauso ähnlich wie hier: http://www.date.com

Mein relevanter Code sieht bisher so aus:

<BODY BGCOLOR=#67CC00 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (homepage_entwurf2_slices.psd - Slices: 03, 04, 05, 06, 07, 08, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40) -->
<TABLE ALIGN=center WIDTH=670 BORDER=0 CELLPADDING=0 CELLSPACING=0>
......

Horizontal ist bereits alles zentriert (aufgrund TABLE ALIGN=center) aber eben nicht vertikal! Und wenn ich den Befehl VALIGN=middle hinzufüge passiert leider nichts :-(

Wer kann mir helfen?

Vielen Dank im voraus
 
hm also bei mir heißt der Befehl so:

valign="center"

und wenns dann immer noch nicht geht: <table height="100%">
 
nein, leider es auch mit valign="center" und height="100%" nicht :-((

Der komplette Table wird leider immernoch NUR (!) horizontal zentriert angezeigt

Wer kann mir sonst noch weiterhelfen
 
Das ganze geht nur, in dem du eine Tabelle außen herumbaust und die durch Photoshop erstellte Tabelle darin zentrierst. Die Außentabelle setzt du width und height auf 100%. Bitte darauf achten, dass es kein XHTML ist, denn dort funktioniert das ganze nicht!
 
@Karl Förster:

danke für deinen Tipp mit der Tabelle außenrum!

Könntest du mir vielleicht noch sagen wie ich dass codemäßig genau umsetzte!

Mein Code lautet wie folgt:

<HTML>
<HEAD>
<TITLE>homepage_entwurf2_slices</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#67CC00 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (homepage_entwurf2_slices.psd - Slices: 03, 04, 05, 06, 07, 08, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40) -->
<TABLE HIGHT="100%" WIDTH=670 BORDER=0 CELLPADDING=0 CELLSPACING=0 align=center>
<TR>
<TD ROWSPAN=3>
<IMG SRC="Bilder_neu/Slice_03.gif" WIDTH=79 HEIGHT=85 ALT=""></TD>
[usw....]


Wäre echt cool wenn mir jemand den Code entsprechend ergänzen könnte, sodaß nun endlich der gesamte Inhalt (alle slices) horizontal & vertikal zentriert werden!

Vielen Dank :-)
 
Code: 
<HTML>
<HEAD>
<TITLE>homepage_entwurf2_slices</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#67CC00 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<table heigth="100%" width="100%" valign="center" align="center"> 
<!-- ImageReady Slices (homepage_entwurf2_slices.psd - Slices: 03, 04, 05, 06, 07, 08, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40) -->
<TABLE HIGHT="100%" WIDTH=670 BORDER=0 CELLPADDING=0 CELLSPACING=0 align=center>
<TR>
<TD ROWSPAN=3>
<IMG SRC="Bilder_neu/Slice_03.gif" WIDTH=79 HEIGHT=85 ALT=""></TD>
[usw....]
</table>

Und nur so nebenbei: valign="center" funktioniert wunderbar ;)
 
Da waren wohl andere schon schneller. shutdowns Methode ist schon richtig, nur fehlen noch die <tr> und <td> zur sauberen Umsetzung:
Code: 
<HTML>
<HEAD>
<TITLE>homepage_entwurf2_slices</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#67CC00 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<table heigth="100%" width="100%"><tr><td align="center" valign="middle"> 
<!-- ImageReady Slices (homepage_entwurf2_slices.psd - Slices: 03, 04, 05, 06, 07, 08, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40) -->
<TABLE HIGHT="100%" WIDTH=670 BORDER=0 CELLPADDING=0 CELLSPACING=0 align=center>
<TR>
<TD ROWSPAN=3>
<IMG SRC="Bilder_neu/Slice_03.gif" WIDTH=79 HEIGHT=85 ALT=""></TD>
[usw....]
</td></tr></table>

Und nur so nebenbei: valign="center" funktioniert wunderbar ;)

Stimmt nicht so ganz. Da du als Wert center genommen hast und HTML bzw. der Browser diesen nicht kennt wird automatisch middle genommen, da dies der Standardwert ist. Daher scheint es als wenn es funktioniert.
 
@karl förster & shutdown: danke euch beiden

leider klappt es immer noch nicht richtig, weder bei der einen noch bei der anderen variante des codes! :-((

Der Inhalt wird immernoch lediglich horizontal zentriert angezeigt!

Ich weiß auch gar nicht warum bzw. wo der Fehler liegt?!

Hier nochmal der originale (aber verkürzte) quellcode, damit Ihr vielleicht seht wo der fehler liegt (auf Basis von lars' Vorschlag, aber shutdowns analog!)

<HTML>
<HEAD>
<TITLE>homepage_entwurf2_slices</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#67CC00 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<table heigth="100%" width="100%"><tr><td align="center" valign="middle">
<!-- ImageReady Slices (homepage_entwurf2_slices.psd - Slices: 03, 04, 05, 06, 07, 08, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40) -->
<TABLE HEIGHT="100%" WIDTH=670 BORDER=0 CELLPADDING=0 CELLSPACING=0 align="center">
<TR>
<TD ROWSPAN=3>
<IMG SRC="Bilder_neu/Slice_03.gif" WIDTH=79 HEIGHT=85 ALT=""></TD>
[usw.]
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</td></tr></table>
</BODY>
</HTML>


Vielen Dank nochmals im voraus.....
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück