Layout im Firefox verschoben

[Semoar]

Hallo,
ich habe ein Problem:
Im Firefox 2 ist mein Inhalt nach rechts verschoben, in Opera 9&10 und IE 6&7 funktioniert es einwandfrei. Ich habe alles validiert.

Hier mal die Seite:
Meine Seite

Weiß jemand, woran das liegt? Geht es in Firefox 3?
Vielen Dank im Voraus für die Antworten (und auch Tipps zu Fehlern oder Barrieren auf meiner Seite)
Semoar

[Cheatah]

Hi,

Weiß jemand, woran das liegt? Geht es in Firefox 3?

es geht in Firefox 3 - was Du wissen solltest, denn es sollte Dein primärer Testbrowser sein. In Firefox 2 geht es, sobald Du dem Content-Element ein clear:left gibst.

Vielen Dank im Voraus für die Antworten (und auch Tipps zu Fehlern oder Barrieren auf meiner Seite)

Bezeichner, die auf die derzeit gewünschte Darstellung schließen lassen (z.B. "navi-left"), sind zu vermeiden. Trenne die Navigation nicht auf. Eine Navigation ist eine Liste von Links, also benutze auch ein Listenelement, hier <ul>. Es existiert kein Grund, *jedem* Element in einem Bereich ein und die selbe Klasse zu geben - definitives Zeichen dafür, dass *kein* Element diese Klasse verdient. <img> ist ein inhaltsvermittelndes Element, es dient nicht der Verzierung; für den Header mag es quasi als Firmenlogo in Ordnung sein, aber images/navi.png ist ganz klar ein Fall von CSS - wobei das gleiche für den oberen Teil dieser Grafik gelten muss, wenn sie nicht mal vollständig ist. Entscheide Dich: Inhalt, dann aber komplett als *eine* Grafik, oder Verzierung, dann per CSS. Ganz klare Empfehlung: XHTML/1.0 Strict anstatt HTML/4.01 Strict.

Nach jahrelanger Erfahrung damit rate ich vom Prototype-Framework ab.

Cheatah

[suit]

Nach jahrelanger Erfahrung damit rate ich vom Prototype-Framework ab.

das kann ich unterschreiben - prototype liefert viel unnötigen ballast mit - je nach ausführung liefern prototype (oder script.aculo.us) fast 300 kb mit

jQuery ist imho empfehlenswerter - im vergleich zu prototype schlank aber trotzdem mehr features (etwa 1/3 der dateigröße)

ich hab zwar mit diesen frameworks weniger zu tun, aber allein die dateigröße schockt mich teilweise sehr

dojo oder yui sind übrigens recht interessant, da sie modular aufgebaut und im vergleich zu anderen frameworks sehr klein sind

[Semoar]

Nach jahrelanger Erfahrung damit rate ich vom Prototype-Framework ab.
das kann ich unterschreiben - prototype liefert viel unnötigen ballast mit - je nach ausführung liefern prototype (oder script.aculo.us) fast 300 kb mit

jQuery ist imho empfehlenswerter - im vergleich zu prototype schlank aber trotzdem mehr features (etwa 1/3 der dateigröße)

ich hab zwar mit diesen frameworks weniger zu tun, aber allein die dateigröße schockt mich teilweise sehr

dojo oder yui sind übrigens recht interessant, da sie modular aufgebaut und im vergleich zu anderen frameworks sehr klein sind

Ich habe gar kein prototype-framework verwendet, ich habe lightbox2 runtergeladen, oder gehört das dazu?

Viele Grüße
Semoar

[Cheatah]

Hi,

Ich habe gar kein prototype-framework verwendet,

Du bindest js/prototype.js, js/scriptaculous.js?load=effects,builder und js/lightbox.js ein. Die erstgenannte Ressource beginnt mit den Worten "Prototype JavaScript framework".

ich habe lightbox2 runtergeladen, oder gehört das dazu?

Man sollte bei *allem*, was man verwendet, ein grundsätzliches Verständnis dessen besitzen.

Cheatah

[Daniel N.]

Hi Cheatah,

welche Bibliothek empfiehlst/verwendest Du? Das Rad jedesmal neu zu erfinden (womöglich in eckig) dürfte nicht die Lösung sein ;-)

Viele Grüße
Daniel

[shn]

Servus,

Nach jahrelanger Erfahrung damit rate ich vom Prototype-Framework ab.

Dem kann ich mich nur anschließen und empfehle stattdessen Mootools.

Gruss
Patrick

[Timo "God's Boss" Reitz]

Nach jahrelanger Erfahrung damit rate ich vom Prototype-Framework ab.
Dem kann ich mich nur anschließen und empfehle stattdessen Mootools.

MooTools: An Objective Look