fencingline: Bild wird im Safari nicht zentriert angezeigt

Hallo zusammen,

bei folgendem, validen XHTML 1.0 Strict Code, wird das Bild im Safari Browser nicht zentriert angezeigt. Im IE, FF aber schon. Jemand eine Idee, was hier das Problem sein könnte?

 <div class="inner">  
  
  <span class="corners-top"><span></span></span>  
  <ul class="topiclist">  
   <li class="header"><dl><dt>Willkommen</dt></dl></li>  
  </ul>  
  <ul class="topiclist forums">  
   <li><dl>  
    <dd class="posts_portal" style="text-align: center; border-left: 0px; border 10px solid green;">  
     <table style="width: 100%"><tr><td>&nbsp;</td><td style="text-algin: center;">  
  
     <img src="http://www.newmini-technik.de/gallery/image.php?image_id=840" alt="Bild des Monats" />  
     </td><td>&nbsp;</td></tr></table>  
  
     <div style="margin: 0 5px 0 5px;">Bild des Monats Februar 2008</div><br />  
    </dd>  
   </dl></li>  
  </ul>  
  <span class="corners-bottom"><span></span></span>  
 </div>

Für alle Tipps und Tricks sage ich jetzt schon vielen Dank!

  1. Hi,

    bei folgendem, validen XHTML 1.0 Strict Code, wird das Bild im Safari Browser nicht zentriert angezeigt. Im IE, FF aber schon. Jemand eine Idee, was hier das Problem sein könnte?

    der Code ist valide, aber unsemantisch. Eliminiere die Tabelle, die Definition Lists, die erste Unordered List und die inhaltsleeren <span>-Elemente. Suche für die Inhalte passende Elemente. Mich deucht, das "Willkommen" sollte in Wirklichkeit ein <hX> sein.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. der Code ist valide, aber unsemantisch. Eliminiere die Tabelle, die Definition Lists, die erste Unordered List und die inhaltsleeren <span>-Elemente. Suche für die Inhalte passende Elemente. Mich deucht, das "Willkommen" sollte in Wirklichkeit ein <hX> sein.

      Dies ist aus Style technischen Gründen nicht Möglich, sonst stimtm der Rest nicht mehr:
      http://www.newmini-technik.de/

      1. Hi,

        Dies ist aus Style technischen Gründen nicht Möglich, sonst stimtm der Rest nicht mehr:

        wenn Du damit sagen willst, dass auch der Rest dringender Überarbeitung bedarf, stimme ich Dir zu. Allerdings ändert das nichts an der Tatsache, dass CSS umso mehr Möglichkeiten erhält, je besser der ihm zugrunde liegende Struktur-Code ist.

        Cheatah

        --
        X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
        X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
        X-Will-Answer-Email: No
        X-Please-Search-Archive-First: Absolutely Yes
  2. Hallo fencingline,

    <td style="text-algin: center;">

    Da hat sich wohl ein kleiner Buchstabendreher eingeschlichen. ;-)

    Aber eigentlich müsste der Validator das merken!?

    Jonathan

    1. <td style="text-algin: center;">

      [Buchstabendreher] Aber eigentlich müsste der Validator das merken!?

      Nein.!–;?

      Der Attributinhalt wird nicht auf CSS-Validität geprüft. http://de.selfhtml.org/html/referenz/attribute.htm#universalattribute@title=style darf http://de.selfhtml.org/html/referenz/attribute.htm#cdata@title=#CDATA enthalten, was hier gegeben ist.

      Roland

      --
      Top Fives // »Schlechte Werbung. Gibt es nicht.« // mitmachen
      1. Hallo Orlando,

        Der Attributinhalt wird nicht auf CSS-Validität geprüft. http://de.selfhtml.org/html/referenz/attribute.htm#universalattribute@title=style darf http://de.selfhtml.org/html/referenz/attribute.htm#cdata@title=#CDATA enthalten, was hier gegeben ist.

        Und der CSS-Validator prüft das auch nicht? Wäre ja schwach.

        Jonathan

        1. Der Attributinhalt wird nicht auf CSS-Validität geprüft.

          Und der CSS-Validator prüft das auch nicht?

          Versuch macht kluch.

          Wäre ja schwach.

          Mutmaßlich.

          Roland

          --
          Top Fives // »Schlechte Werbung. Gibt es nicht.« // mitmachen