Ansicht im IE verschoben, andere Browser okay Einstellungen

[db]

Mein Gott, dieses Template ist ja kaum zu überbieten. Selbst Frontpage würde sich da
schwer tun.

Lade das in einen Editor deiner Wahl und ersetze zumindest <div/> durch <div>

Danach würde ich die nicht notwendigen <p><font>...</font></p> entfernen,
damit man langsam sowas wie Überblick gewinnt.

Die Ladezeit ist natürlich nicht nur für Besucher ein Horror. Auch während der Entwicklung
ist das eine echte Hürde. Also mal statt 14 nur einen "Artikel" anzeigen.

[Auge]

Hallo
In dem Quelltext ist jede Menge Müll drin. <div>s, die leer sind und offensichtlich nur dazu dienen, vertikal Abstände zu schaffen, <font>-Elemente, die ebenfalls leer und zudem gänzlich überflüssig sind, groß geschriebene Tags (im auf der Seite verwendeten XHTML verboten), alles potentielle Fehlerquellen.

Mal als Beispiel ein Datensatz eines Mitglieds, wie ich ihn auszeichnen würde (zur Darstellung ist damit noch nichts gesagt):

QUELLTEXT

<div id="content">
<div class="article">
  <h2>Unsere Mitglieder</h2>
  <div class="vorstand">
   <h3>Vorstand</h3>
    <div class="mitglied">
      <img src="..." width="..." height="..." alt=""/>
      <div class="mitgliedsangaben">
      <h4>OBMANN</h4>
      <table>
         <tr>
        <td class="def">Name</td><td>Max Mustermann</td>
         </tr><tr>
        <td class="def">Wohnort</td><td>Musterhausen</td>
         </tr><tr>
        <td class="def">dabei seit</td><td>2007</td>
         </tr><tr>
        <td class="def">RC-Cars</td><td>team associated  RC8 FT<br />mit  RB C6</td>
         </tr>
      </table>
      </div>
    </div><!-- /mitglied -->
  </div><!-- /vorstand -->
</div><!-- /article -->
</div><!-- /content -->

Ineinander verschachtelt sind Elemente, die bestimmte andere Elemente sinnvoll gruppieren. Die Klassennamen sind entsprechend gewählt, sodass der Quelltext den Einsatzzweck widerspiegelt.

Ob das die beste Lösung ist, ist diskutabel, schlüssiger und auch übersichtlicher ist sie allemal. Du solltest also definitiv in Erfahrung bringen, auf welche Weise der HTML-Code generiert wird (z.B.: CMS mit Templates, hartkodiert per PHP) und eine Überarbeitung desselben anstreben und durchführen, bevor du an ein sonst unauffindbares Problem, wie die verschobenen Bilder, gehst.

Tschö, Auge

PS: Weil hier die fehlende Höhenangabe angesprochen wurde, alle Browser, die ich kenne, errechnen aus nur einer der Angaben die fehlende, sobald ihnen die physische Auflösung eines Bildes bekannt ist. Daran sollte es nicht liegen.

Der Beitrag wurde von Auge bearbeitet: 15.09.2008 - 22:26

[Pinking]

Super Männers, das schaut doch mal klasse aus. Ich denke, das ist der richtige Ansatz um da Ordnung in die Seite zu bekommen... :-)

Vielen Dank schon mal, werd' mich die Tage, wenn mein Rücken wieder okay ist, dran setzen und Eure Vorschläge in die Tat umsetzen...

Vielen Dank :-) 

[Google Bot]