creative edesign / pellworm nordsee / bl creative edesign / pellworm nordsee / bl
 

 

 
Pellworm den, 09.07.2008 - 03:20 Uhr

Absolut Mittig - Tabellen, Bilder und Texte vertikal und horizontal zentrieren

Um Text Bilder und Tabellen horizontal und vertikal zu zentrieren wenden wir einen kleinen Trick an. Zunächst basteln wir eine Tabelle mit 100% Breite und mit 100% Höhe. Dem td geben wir die Attribute

align="center" valign="middle" mit auf den Weg. Das wars eigentlich schon... egal ob wir einen text oder Bilder in die Tabelle einfügen, der Inhalt wird vertikal und horizontal absolt mittig (egal in welche Bildschirmauflösung der User benutzt) dargestellt.

 

Hier der Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Absolut mittig</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle">Dieser Text ist absolut mittig</td>
</tr>
</table>
</body>
</html>

 

So siehts aus:

 

Absolut Mittig - Tabellen, Bilder und Texte vertikal und horizontal zentrieren


>> zurück zu den HTML - Beispielen >>

Kontakt:

Michael Schilke
Alter Kirchenweg 1
25849 Pellworm / Nordsee


www.creative-edesign.com
m.schilke@pellworm.net

 

Tel: 04844 992113
Handy: 0172 4526088

 
Pellworm Spacer creative edesign / pellworm nordsee / bl creative spacer
   
 
     
Pellworm Spacer    
   
    Pellworm Spacer