Ashura: Element mit unbestimmter Breite horizontal zentrieren

Beitrag lesen

Hallo Adriana.

Ich habe noch einmal etwas experimentiert und habe zwar eine Möglichkeit gefunden, doch zufriedenstellend ist sie noch nicht:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html>  
  <head>  
    <title>Zentrierte Footer-Elemente</title>  
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />  
    <style type="text/css">  
  
    [code lang=css]html, body{margin:0;padding:0;height:100%;}  
    div#footer p{float:left;width:33%;border:1px dotted;text-align:center;}  
    div#footer p span{text-align:left;}

</style>
  </head>
  <body>
    <div id="footer">
      <p><span>Eine Menge Text zum Lesen, eine Menge Text zum Lesen</span></p>
      <p><span>Eine Menge Text zum Lesen, eine Menge Text zum Lesen, eine Menge Text zum Lesen, eine Menge Text zum Lesen</span></p>
      <p><span>Eine Menge Text zum Lesen, eine Menge Text zum Lesen</span></p>
    </div>
  </body>
</html>
[/code]

Ich wäre froh, wenn jemand eine bessere Lösung weiß.

Einen schönen Samstag noch.

Gruß, Ashura

--
Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
30 Days to becoming an Opera8 Lover -- Day 21: Toolbars
Meine Browser: Opera 8.02 | Firefox 1.0.6 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
[Deshalb frei! - Argumente pro freie Software]