ubuntuusers.de

Ich habe eine Webseite erstellt unter Windows wird mir die Seite mit IE, Firefox und Opera richtig angezeigt. Unter Linux allerdings stimmt das Layout nichtmehr. Woran liegt das? Findet irgendwer den Fehler? Ich dachte immer nur es gibt Darstellungsfehler nur zwischen den verschiedenen Browsern und nicht auch noch zwischen den verschiedenen Betriebssystemen. Hier die Seite www.foto-engels.de

Also ich kann keine groben Fehler entdecken. Im Grunde überhaupt keine! 😉

Wenn sich nur die Schriftgröße oder das Aussehen der Schrift ändert, so ist das normal. Nicht alle Ubuntu-Nutzer haben die Microsoft-Schriftarten installiert.

Hmm, könntest du mal ein Screen von dem richtigen machen, damit man den Unterschied sieht, so kann ich nicht sagen, was du ändern solltest!

In Zeile 105

Heute geht endlich nach langer Wartezeit unsere neue Homepage online.

ist ein Span-Ende-Tag ohne Beginn-Tag. Das ist laut HTML-Tidy der einzige Fehler (Warnung).

Das ist die Seite mit dem richtigen Layout unter Windows

Das ist die Seite wie sie mir unter Ubuntu mit Firefox angezeigt wird

Das liegt an diesem dusseligen float: left, float right gedöns...das interpretiert irgendwie jeder Browser anders.
Keine Lust den genauen Fehler zu suchen, aber nimm die floats raus und mach es anders.

Ich habe jetzt die Microsoft Schriften installiert und jetzt wird es richtig dargestellt. Seltsam.

Jap, ist ein ganz schönes durcheinander in der Datei!

Man sollte css positionierung statt floats benutzen.
Positionierung ist einigermassen robust, während floats relativ wacklig sind.

Leider gibt es für einige Layoutprobleme keine guten Lösungen mittels Positionierung.
Ein Beispiel sind die beliebten footer.

Dein Problem war die zu grosse Schrift im zu schmalen Logo Bereich. Die Schrift bricht nach unten weg und über die Grenzen des Headers. Das vertikale Menü im Header2 wird als float, so wie es eigentlich auch gedacht ist, nach rechts geschoben und verdrängt das Header image nach unten.
Das Thema "multiplatform fonts" ist noch nicht allumfassend gelöst. Ich verwende oft die fonts.css von yahoo.
http://developer.yahoo.com/yui/fonts/

Das Problem kann man auch provozieren, indem man die Schrift im Browser grösser macht, zum Beispiel mit <Strg>+<+> im Firefox. Dann dürfte die Seite auch unter Windows "kaputt" aussehen.

jopp .. schriften vergrößern und du hast den salat \^^

So ein Mißt dann werde ich das ganze nochmal neu machen müssen. Danke für die schnelle Hilfe

So ein Mißt dann werde ich das ganze nochmal neu machen müssen.

Nein nein, so war das nicht gemeint. Vom Technischen her sieht es schon ganz gut aus. Die divs brauchen quasi nur ein wenig Platz zum atmen.
Vielleicht erstellst du zuerst in Inkscape ein Gitter oder ein greybox prototyp und ordnest danach deine Bereiche an. Dann hast du einigermaßen Struktur und kannst alles maximal aufweiten. Der ein oder andere Zeilenumbruch ist erlaubt und Header darf man auch grafisch gestalten ☺
Die sidebar aufräumen, überflüssige classtags entfernen, die fonts optimieren und fertig ist die Laube.