margin funktioniert nur rechts und links - aber nicht oben/unten

[erwin]

Hi, ich habe mich bei einer Umgestaltung einer Navigationsleiste(siehe URL) etwas festgefahren.
Ich habe eine Sidebar (mit custom bg) in der befindet sich ein wrapper div
für einen Rahmen (bg-color:blue;margin:5px;).
Innerhalb des Wrapper divs befindet sich eine UL mit margin:2px;bg-color:white;  - so das ich theoretisch einen 2px Rahmen um die Liste haben sollte. Soweit die Theorie. In der Praxis sieht es so aus, das der Rand oben und unten irgendwie verschluckt wird => siehe URL. (gesehen im FF / Safari)
Evtl. könnt Ihr mir weiterhelfen und sagen woher dieser Effekt kommt, und wie ich Ihn verhindern kann.

[Harlequin]

Yerf!

Ich habe eine Sidebar (mit custom bg) in der befindet sich ein wrapper div
für einen Rahmen (bg-color:blue;margin:5px;).
Innerhalb des Wrapper divs befindet sich eine UL mit margin:2px;bg-color:white;  - so das ich theoretisch einen 2px Rahmen um die Liste haben sollte. Soweit die Theorie.

Soweit in der falschen Theorie... in der echten existiert etwas, das sich "collapsing Margins" nennt und hier zuschlägt. Die Margins der Liste und des Wrappers werden zusammengefasst, da sich kein Rahmen dazwischen befindet.

Probiers mal mit Padding statt Margin für die Liste.

Gruß,

Harlequin

[erwin]

danke für den hinweis.
so gehts!

[MudGuard]

Hi,

[code lang=css]bg-color:blue;

das ist kein CSS. bg-color gibt es nicht.

cu,
Andreas