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

[Pinking]

Hallo,

die von Dir erwähnte Seite (Page=Strecke) enthält -laut Tidy- 118 Fehlern!
Da würde ich zuerst ansetzen; möglicherweise ist nach Bereinigung der Fehler das Problem auch behoben.

Super, werd' mich mal mit Tidy beschäftigen und mal schauen wie's nach der Bereinigung ausschaut... ^^ Ich gehe mal davon aus, dass Tidy nicht nur Fehler zählt sondern sie auch ausgibt, oder? *gg*

Sonst kann man davon ausgehen, daß die Summe der vorgesehenen Breite für den Text plus die des Bildes die Breite des DIVs übersteigt. Oder ein ähnliches gelagertes Problem liegt vor.
Halten die Browser sich an die breiten Angaben 'passt' es nicht mehr nebeneinander, folglich erscheint es unter einander. Andere Browser 'sprengen' die Breite und zeigen vermeintlich korrekt an...
Ich Denke da liegt der Tenor dieses Fehlers.

Kann ich die Breite der DIVs variieren? Oder würd's in dem Fall was bringen, die Bilder ein bissele kleiner zu machen? Okay, das kann ich ja gleich mal ausprobieren... *g* Hm, bringt nüscht... :-( Hab width="270" von den Bildern mal runtergesetzt aber selbst bei width="50" rutschen die Bilder über den Text... *argh*

Na ja, ich hab halt ein bissele mit dem Code herumexperimentiert

Hm - jetzt weiß ich immer noch nicht, ob du das ausprobiert hast, was Gregor und ich angesprochen haben .

Ich hab mir 'ne Kopie vom Quelltext gemacht und z.B. mal die <div>-</div> näher angeschaut... da ist mir aufgefallen, dass nicht zu jedem <div> ein </div> vorhanden ist und habe mal mit Löschen/Hinzufügen von DIV's an mir sinnvoll erscheinenden Stellen herumexperimentiert...
Sogar mit einem kleinen Teilerfolg, denn das erste Bild bekomm' ich neben den Text... Alle anderen aber wieder nicht und das macht mich stutzig... Zudem wird die Position vom Newsbereich und dieser Chat-Übersicht ebenfalls von den DIV's beeinflusst, so dass diese beiden Bereiche gerne mal an's Ende der Seite rutschen wenn ich da nicht aufpasse... :-(

Hast du mal probiert, die Bilder ohne DIV-Tag einzusetzen und/oder im HTML-Code vor dem Text zu platzieren?

Ja, das hab ich schon probiert, aber dabei haut's mir, wie oben schon beschrieben, den News- & Chat-Bereich unter die Seite... *grummel* Aber ich werd's mir noch mal zur Gemüte ziehen und weiter herumprobieren... ^^

Dann ist im IMG Tag oft nur die Breite angegeben und nicht die Höhe, möglicherweise ist es das, was den IE7 irritiert.

Hm, das könnte sein... das probier ich mal flux aus... *g* (hab den Satz irgendwie überlesen...)
Also, das bringt auch keine Änderung, außer dass sich je nach Wert die Höhe des jeweiligen Bildes verändert, was es ja auch soll... *g* Aber es bleibt dennoch im IE am falschen Ort... :-( 

Danke schon mal für die vielen Antworten und Hilfestellungen, bin begeistert obwohl ich noch nicht wirklich weitergekommen bin...

Grüße,

Pete