Ansicht im IE verschoben, andere Browser okay Einstellungen

[Pinking]

Servus Leutz,

ich hab da ein kleines Problem... Ich hab in einem RC-Car-Verein das Amt des Co-Webmasters übernommen und bin nun mit folgendem konfrontiert, zu dem ich selber keine funktionierende Lösung finde:

Es geht um folgende Seite: http://rc-car-vorarlberg.at/index.php?page=strecke

Im Firefox und Opera wird die Seite korrekt dargestellt, im IE7 haut's die Bilder über die Schrift...

Erstellt wurde die Seite mit so'nem WYSIWYG-Editor, so dass die Fehldarstellung erst aufgefallen ist, als schon alles fertig war... *argh*

Kann mir von Euch jemand ad hoc sagen, wo's da klemmt?? Aber nicht erschrecken, der html-Code schaut ziemlich bitter aus... *gg*

Vielen dank für Eure Bemühungen

Grüßle,

Pinking

[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 :-)