CirTap: (oder CSS?) Listenpunkte horizontal/vertikal auf 100% verteilen

Beitrag lesen

Hallo,

probier das mal:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Seitentitel</title>
<style type="text/css">
div.listen { width:99%; }
div.listen div { position:relative; white-space:pre; }
</style>
</head>
<body>
<div class="listen">
  <div style="left:0; margin-right:auto;">Punkt A mit viel text</div>
  <div style="margin-left:20%; margin-right:auto;">Punkt B mit viel text</div>
  <div style="text-align:center">Punkt C mit viel text</div>
  <div style="text-align:right; right:20%">Punkt D mit viel text</div>
  <div style="text-align:right; right:0;">Punkt E mit viel text</div>
</div>
</body>
</html>

white-space:pre; verhindert den Umbruch, an den anderen Werten kannst du ja noch schrauben.
Wichtig für IE6: der DOCTYPE.
In IE 5/5.5 wird's wohl krachen, oder du baust "IE7" ein:
http://dean.edwards.name/IE7/

Viel Spaß,
CirTap

--
You can have programs written fast, well, and cheap, but you only get to pick 2 ...
"Jeder der noch keinen Fehler gemacht hat, hat noch nie etwas Neues ausprobiert." (A. Einstein)