Hallo, wahrscheinlich ist das ne Anfängerfrage, aber ich hab keine Ahnung woran es liegt.
Auf der Seite
[url=]http://p134165.mittwaldserver.info/food/fingerfood/classics.html[/url]
wird im Firefox und in Safari der Textanfang unter den Überschriften oben bündig mit dem Bild angezeigt.
Im Internet Explorer wird der Text um eine Zeile nach unten verrückt?
Hat jemand eine Ahnung woran das liegen kann??
Liebe Grüße Marc
Die default-Werte für Margin und Padding sind bei verschiedenen Browser unterschiedlich. Erkündige Dich bitte nach „CSS Reset“, bzw. „CSS Minimal-Reset“.
Konkret betroffen bei Deinem Problem ist der Absatz im Inhaltselement. Ein „margin: 0;“ für „p.bodytext“ beseitigt zwar Dein Problem, Dauerlösung ist es dennoch nicht.
Des weiteren solltest Du Dich informieren, wie moderne Layouts gebaut werden (CSS und HTML). Alles „absolute“ fest zu nageln, scheint nur einfach zu sein. Ist es aber nicht und aus meiner Sicht für Anfänger eher ungeeignet
.
[quote="etux"]
Die default-Werte für Margin und Padding sind bei verschiedenen Browser unterschiedlich. Erkündige Dich bitte nach „CSS Reset“, bzw. „CSS Minimal-Reset“.
Konkret betroffen bei Deinem Problem ist der Absatz im Inhaltselement. Ein „margin: 0;“ für „p.bodytext“ beseitigt zwar Dein Problem, Dauerlösung ist es dennoch nicht.
Des weiteren solltest Du Dich informieren, wie moderne Layouts gebaut werden (CSS und HTML). Alles „absolute“ fest zu nageln, scheint nur einfach zu sein. Ist es aber nicht und aus meiner Sicht für Anfänger eher ungeeignet
.
[/quote]
Genau.
Wozu brauchst du eigentlich das <BR> zwischen den Überschriften? Wenn Du dieses entfernst, könnte es wieder stimmen..
[quote="zorc68"]... mich mehr mit "Relative" beschäftigen.[/quote]
Gut. Dann habe ich mich falsch ausgedruckt.
Besser ist es, die html-Elementen im natürlichen Dokumentenfluss zu belassen. Float nimmt sie zwar aus dem Dokumentenfluss raus, das kann man aber gleich rückgängig machen (Floats clearen, einschließen).
Ein „position: absolute;“ kann man dagegen nicht „clearen“.
Arbeite also mit [url=http://little-boxes.de/lb1/13-float-schwebende-boxen.html]Float[/url]
.
