HrblSoft_logo
Werbung MoneyBanner.de


 Themen

 News und Upload Info
 HTML Tipps und Tricks
 Javascript Tricks
 DHTML und Styles
 Html und JScript Links
 Allgemeine Grafiktipps
 PP Tricks und Tutorials
 Links zum Thema Grafik
 Downloads und Tools

 Zentrieren

28.12.2000

Wenn Sie in einem Dokument nur wenig Inhalt haben macht es Sinn eine übergeordnete Tabelle zum Zentrieren zu verwenden. Nehmen wir an, Ihre Seite existiert in mehrsprachiger Ausführung. Ihre Startseite besteht deswegen nur aus einem Logo und zwei Links für die jeweilige Sprachversion. Da wir nicht wissen, mit welcher Auflösung die Besucher die Seite betrachten, lassen wir unseren Inhalt von einer Tabelle zentrieren. Dazu erstellen wir eine Tabelle mit einer Höhe und Breite von je 100%. Die Tabelle hat nur eine Zeile und eine Spalte. Der daraus resultierenden Zelle vergeben wir die Attribute ALIGN=CENTER bzw. VALIGN=CENTER. Der Inhalt der Zelle wird also mittig zentriert. Das Logo und die beiden Links verpacken wir in eine weitere Tabelle und fügen Diese in unsere zentrierte Zelle ein. Ab jetzt brauchen wir uns um die Bildschirmauflösung der Betrachter keine Sorgen mehr zu machen. Auch nach dem Ändern der Fenstergrösse bleibt der Inhalt zentriert.



<html><head></head><body>

<table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=1 WIDTH="100%" HEIGHT="100%"> <tr><td ALIGN=CENTER VALIGN=CENTER>

<table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=1 WIDTH="300">
<tr><td><img SRC="logo.gif" height=50 width=300></td></tr>
<tr><td ALIGN=CENTER><br>deutsch&nbsp; english</td></tr></table>

</td></tr></table>

</body></html>


 Probleme beim MSIE

Beim Betrachten der Seite im MS Internetexplorer zeigt sich allerdings ein etwas unschöner, weil unnützer, inaktiver Scrollbalken. Da wir ja auf unserer Seite nicht scrollen müssen, schalten wir den Scrollbalken einfach im BODY Tag ab.



<body  SCROLL="NO" >