Abstand nach Div und kein Hintergrundbild mehr

[Marc Nilius]

Hallo!

Nachdem ich gestern abend mit eurer Hilfe mein IE-CSS-Problem loesen konnte, verursacht die selbe Seite mir heute Kopfschmerzen mit einem CSS-Problem im Firefox. Da das Problem im IE nicht auftritt, gehe ich davon aus, dass es kein Bug ist wie gestern, sondern mein eigener Fehler ist. *g*

Also: Die Seite besteht aus zwei nebeneinanderliegenden Divs. Eines dieser beiden Divs hat eine Hintergrundgrafik (sowas wie Pergamentpapier). Darin enthalten sein sollen jetzt aber noch mehrer Kästen (auch als Divs) mit einer Hintergrundfarbe. Und da mehrere Kästen hintereinander stehen, habe ich den Kästen ein "margin-bottom" gegeben.

Problem: Am Ende der Seite (und nicht am Ende des letzten Kastens!) habe ich jetzt plötzlich einen Abstand zum Footer mit genau derselben Grösse wie ich den margin-bottom angegeben habe, mit dem Ergebnis, dass dort jetzt kein Hintergrundbild (Pergament) mehr ist. Sehr sehr unschoen.

Was habe ich falsch gemacht?

Achso, die Seite ist http://dev.pixelundprint.de/bkh/. Der Fehler ist zB auf der Seite "Unsere Katzen" - "Katzendamen" zu beobachten.

Vielen Dank schonmal und viele Gruesse,
Marc

[Detlef G.]

Hallo Marc

Achso, die Seite ist http://dev.pixelundprint.de/bkh/. Der Fehler ist zB auf der Seite "Unsere Katzen" - "Katzendamen" zu beobachten.

Kannst du mir mal sagen, wie ich dort hinkomme?
Wenn ich auf "Unsere Katzen" klicke, passiert nichts.
"Katzendamen" finde ich auf der Seite nicht.
Hast du eventuell vergessen, dass sich auch ein User, der Javascript nicht
aktiviert hat, auf deine Seiten verirren könnte?

OK, den richtigen Link finde ich ja im Quelltext.

Also auf http://dev.pixelundprint.de/bkh/katzen_katzendamen.php hast du
ein Problem mit Collapsing margins.
Vermeiden kannst du dieses, indem du #content einen Border zuweist.

Auf Wiederlesen
Detlef

[Marc Nilius]

Hallo Detlef,

Kannst du mir mal sagen, wie ich dort hinkomme?
Wenn ich auf "Unsere Katzen" klicke, passiert nichts.
"Katzendamen" finde ich auf der Seite nicht.
Hast du eventuell vergessen, dass sich auch ein User, der Javascript nicht
aktiviert hat, auf deine Seiten verirren könnte?

Hehe, stimmt. Im aktuellen Zustand der Seite ist das wirklich ein Problem. Aber das "dev" in der URL steht fuer Development, d.h. auch, dass die Seite noch nicht fertig ist. Im End-Stadium gibts für jedes Untermenu nochmal ne Extraseite, die geöffnet wird, wenn das Untermenu nicht aufklappt.

Also auf http://dev.pixelundprint.de/bkh/katzen_katzendamen.php hast du
ein Problem mit Collapsing margins.
Vermeiden kannst du dieses, indem du #content einen Border zuweist.

Schön zu sehen, dass das tatsächlich mit einem Rahmen nicht mehr auftritt. Doof nur, dass ein Rahmen da ziemlich blöd aussieht. Ich habs, wie empfohlen, jetzt mit nem margin-top gelöst. So gehts dann ja auch.

Herzlichen Dank für deine Hilfe.

Viele Grüße und ein schönes Wochenende,
Marc

[Detlef G.]

Hallo Marc

... Und da mehrere Kästen hintereinander stehen, habe ich den Kästen ein "margin-bottom" gegeben.

Du kannst ihnen stattdessen margin-top geben.

Auf Wiederlesen
Detlef