Axel Richter: Problem: Image Elemente und Text nicht mittig ausgerichtet

Beitrag lesen

Hallo,

Ich versteh absolut nicht was du meinst: "»» Weder symbolische Konstante (wie absolute) noch Längenangaben dürfen in "" eingeschlossen werden.

Er meint, in CSS muss es position:absolute; bottom:0; und _nicht_ position:"absolute"; bottom:"0"; heißen.

Wegen der Zentrierung hab ich mehreres probiert: einmal mit <div align="center"> in der html seite, dann im css code mit text-align:center;

Das wäre gegangen, wenn der div eine Breite gehabt hätte. Wobei align="center" nicht mehr verwendet werden sollte.

dann mit left:"50%";

Das schiebt den linken Rand des div in die Mitte.

dann mit jetzt deinen Angaben margin-left:auto; margin-right:auto;

Das sollte eigentlich gehen. Zumindest in NN7, Mozilla und IE6.0 mit doctype-Angabe HTML 4.01.
http://selfhtml.teamone.de/html/allgemein/grundgeruest.htm#dokumenttyp

Probier's mal so:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
<!--
#unten {position:absolute; bottom:0; width:100%; text-align:center;}
-->
</style>
</head>
<body>
<div id="unten">
   <a href="index12.htm"><img src="vorheriges.gif" alt="vorheriges Bild" width="60" height="40" border="0"></a>
      
   <a href="index02.htm"><img src="nächstes.gif" alt="nächstes Bild" width="60" height="40" border="0"></a>
<p>© &Ouml;TB TV Mödling 1863</p>
</div>
</body>
</html>

Hinweise:
Der div hat eine Breite von 100% (gesamte Dokumentbreite). Der Inhalt des div ist zentriert. Da die Zentrierung sich nur auf Inline-Elemente (a, img) und Texte auswirken soll, reicht das. Sollen im <div id="unten"> weitere Blockelemente (andere divs) zentriert werden, dann müssen _diese_ margin-left:auto und margin-right:auto bekommen.

Gruß

Axel