nicht angemeldet
Ich brauche ihn zum zentrieren.
Hier ein Ausschnitt des Quellcodes, wer die Zeit (und/oder die Lust hat) ihn durchzuarbeiten.
PS: das ist nur eine TESTSEITE:
das css:
body{height:100%;width:100%;font-size:100.1%;font-family:verdana, courier new, arial, geneva;color:black;margin: 0 0 0 0;padding: 0 0 0 0;}
#koerper{position:relative;top:0;left:12em;height:100%;width:39.5em;background:transparent;margin:0 0 0 0;padding:0 0 0 0;}
#koerper2{position:absolute;top:0;left:-12em;height:100%;width:62em;background:transparent;margin:0 0 0 0;padding:0 0 0 0;}
#navil{position:absolute;top:0;left:0;height:100%;width:11.5em;background:#e5e5e5;margin:0 0 0 0;padding:0 0 0 0;}
#navir{position:absolute;top:0;left:52em;height:100%;width:10em;background:#e5e5e5;margin:0 0 0 0;padding:0 0 0 0;}
#navil2{z-index:10;position:absolute;top:0;left:0;height:100%;width:11.5em;background:transparent;margin:0 0 0 0;padding:0 0 0 0;border-style:solid;border-color:navy;border-width:0 0.05em 0 0;}
#navir2{z-index:8;position:absolute;top:0;left:52em;height:100%;width:10em;background:transparent;margin:0 0 0 0;padding:0 0 0 0;border-style:solid;border-color:navy;border-width:0 0 0 0.05em;}
#kopf{z-index:9;position:absolute;top:0;left:0;height:7.2em;width:100%;background:white;margin:0 0 0 0;padding:0 0 0 0;border-style:solid;border-color:navy;border-width:0 0 0.05em 0;}
#logo{z-index:9;position:absolute;top:0;left:0;height:7.1em;width:11.5em;background:transparent;margin:0 0 0 0;padding:0 0 0 0;}
#balkenb{z-index:12;position:absolute;top:50%;left:11.5em;height:50%;width:50.5em;background:navy;margin:0 0 0 0;padding:0 0 0 0;}
#palles{z-index:13;position:absolute;top:1em;left:13em;height:5em;width:10em;background:transparent;margin:0 0 0 0;padding:0 0 0 0;}
und hier das html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de">
<head>
<title>Pöselt GmbH - Home</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"/>
<meta name="Keywords" content="Automatendrehteile, Facondrehteile, Pöselt, GmbH, Dietfurt, Böhmerbrunnenstraße 15, Präzisionsdrehteile"/>
<meta name="author" content="Pöselt"/>
<meta name="DC.Title" content="Firma Pöselt Startseite"/>
<meta name="DC.Creator" content="Prakti2"/>
<meta name="DC.Subject" content="Automaten- und Facondrehteile"/>
<meta name="DC.Description" content="Home - Pöselt GmbH"/>
<meta name="DC.Publisher" content="Schwarz Computersysteme GmbH"/>
<meta name="DC.Contributor" content="Prakti1"/>
<meta name="DC.Date" content="2005-02-23"/>
<meta name="DC.Type" content="Service"/>
<meta name="DC.Format" content="text/html"/>
<meta name="DC.Identifier" content="http://www.poeselt.de"/>
<meta name="DC.Source" content="Barrierefreies Webdesign"/>
<meta name="DC.Language" content="DE"/>
<meta name="DC.Relation" content="zentriertes Layout für Barrierefreiheit"/>
<meta name="DC.Coverage" content="Neumarkt i. d. OPf. 2005-02-23"/>
<meta name="DC.Rights" content="Schwarz Computersysteme GmbH"/>
<link rel="stylesheet" type="text/css" href="poeselt.css"/>
</head>
<body>
<table style="height:100%; width:62em;" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="width:62em; height:100%;">
<div id="koerper">
<img src="bild1.bmp" alt=" " style="height:12em;width:100%;border:0;"/>
<div id="welcome">
<h1>Willkommen...</h1>
</div>
<img src="phaus.bmp" style="float:left;border:0;margin: 0px 5px 0px 0px;height:11.5em;" alt="Eine weiße Fabrikhalle der Firma Pöselt auf der mit blauen Lettern geschrieben steht: Pöselt GmbH" />
<p>Wir fertigen mit ca. 20 Mitarbeitern Präzisionsdrehteile auf mehr als 40 Drehmaschinen.</p>
<p>Zu unseren Kunden zählen Firmen aus der Automobil-, Maschinenbau-, Kunststoff-, Elektro-, und Medizinindustrie.</p>
<p>Unsere langjährige Erfahrung und Verläßlichkeit sind der Grundstein für die Zufriedenheit unserer Kunden.</p>
<br />
<br />
<br />
<p>Suchen Sie einen Lieferanten mit Know How und Flexibilität; finden Sie in uns den richtigen Partner</p>
<br />
<p>Hinweis:
<br />
Wir überarbeiten gerade das Leistungsangebot unseres Internetauftritts.
Wir würden uns freuen Sie als Besucher bald wieder mit neuen Informationen begrüßen zu dürfen.</p>
<br />
<br />
<div id="koerper2">
<div id="navil"></div>
<div id="navir"></div>
<div id="navil2"></div>
<div id="navir2">
</div>
<div id="xhtmlw3c">
<a href="http://validator.w3.org/">
<img src="c:\xhtmlw3c.png" alt="Valid XHTML 1.0!" style="border:0; width:88; height:31;" />
</a>
</div>
<div id="cssw3c">
<a href="http://jigsaw.w3.org/css-validator">
<img style="border:0;width:88px;height:31px" src="R:\poeseltfertig\cssw3c.gif" alt="Valid CSS!" />
</a>
</div>
</div>
<div id="kopf">
<div id="balkenb"></div>
</div>
<div id="palles"><img src="palles.jpg" style="height:106%;border:0;" alt="mehrere Bilder mit verschiedenen Werkstücken die die Firma Pöselt hertellen" /></div>
<div id="naviki">
<div id="navimitte">
<a href="Kontakt.html" accesskey="e" tabindex="5" title="hier können sie Kontakt mit uns aufnehemen - Accesskey b">Kontakt |</a>
<a href="Impressum.html" accesskey="f" tabindex="6" title="Impressum - Accesskey c">Impressum</a>
</div>
</div>
<div id="logo">
<a href="http://www.poeselt.de" accesskey="g" tabindex="7"><img src="plogo.gif" style="border:0;margin:1.5em 0 0 0;height:50%;" alt="In blauer Schrift steht auf weißem Hintergrund Pöselt GmbH und stellt das Firmenlogo dar" /></a>
</div>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>