Internetseite wird in Chrome plötzlich nicht mehr richtig dargestellt

[michaelskydive]

Hallo

Die Seite volker-nagel.com
ist schon seit 2 Jahren online.

Im Browser Chrome ist
seit Tagen die Dia-Show ( in den 4 Untermenüs)
nach unten aus dem Rahmen gerutscht.

Im IE und Firefox geht es nach wie vor , wie früher auch im Chrome.
Als würde Chrome plötzich das html oder CSS anders lesen ?

Über die Taste F12 könnt ihr in den meisten Broser das Html und Css lesen.
oder ich kann es hier posten wenn jemand möchte.

( echt komisch ? bin Ratlos )

Danke für Tipps

Michael

 

[XraYSoLo]

Hallo,

ich bin mir sicher, dass die Seite korrekt angezeigt würde, wenn du folgende Fehler beseitigst.

--> [Invalid] Markup Validation of [url]http://volker-nagel.com/ - W3C Markup Validator[/url]

Nils aka XraYSoLo

Edit: Wobei mir beim Test mit FF, IE, Chrome und Konqueror keine Unterschiede aufgefallen sind.

 

[michaelskydive]

Danke für die schnelle Antwort

Ok , laut W3C sind ein paar Fehler drin , obwohl ich es nicht verstehe ?

Stylesheet auslagern
mehr als 1 mal mouse over verwendet
( und die roten > zeichen ( als würde ne Klammer fehlen )
das hat es mir vor 2 Jahren auch angezeigt

ich denke das es einigenmaßen gut geschrieben ist, ohne große Fehler
zumal wie erwähnt es ja im IE Firefox läuft und die letzten 2 Jahre im Chrome.


Vielleicht gehts mit dem div für die untere Reihe mit einer höhe zu begrenzen sodas die slideshow nicht floatmäßig nach unten rausklappt ?

Danke für weitere detaillierte Tipps

 

[michaelskydive]

Hallo

Ich habe es hinbekommen, indem ich den div von der diashow als absolut geändert habe.

Trotzdem ist es mir unbegreiflich das es im Chrome immer lief und plötzlich nicht mehr ?

Danke
und schönes wochenende

 

[threadi]

Ist für mich durchaus begreiflich. Auch wenn der HTML-Code semantisch korrekt erscheint, wendest Du die CSS-Eigenschaften falsch an. Du positionierst die gesamte Seite absolut - was hier absolut unnötig ist. Ebenso kannst Du den roten Rahmen auch ohne Hilfsgrafiken an den Rundungen erreichen, dafür gibt es mittlerweile die CSS-Eigenschaft border-radius.

Wenn Du also die HTML-Fehler beseitigst, solltest Du dann auch gleich die CSS-Eigenschaften auf ihre Sinnhaftigkeit hin kontrollieren.