margin funktioniert nicht richtig

[HamburgerJung92]

Halli Hallo,
hab mir grade ein neues Design gebastelt, So weit so gut auch an meine alte Website angepasst,es tritt nur noch ein Problem auf: Habe oben ein Menü , dahinter meinen hintergrund. mache ich nun margin: 15px(beim menue) , geht der hintergrund mit runter obwohl dieser im anderen div liegt. habe ich aber border: 1px; und margin: 15px; (beides bei menue) funktionierts wie es soll, nur brauche ich keinen border Wieso ist das so und wie kann man das lösen? Hat da einer eine Idee?

Menü mit hintergrund sieht als Beispiel folgendermaßen aus:

<div class="hintergrund">
<div class="menue">Menue Elemente</div>
</div>

Vielen Dank schonmal

 

[dkdenz]

Livelink?

 

[anna55]

Sollte mit margin funktionieren. Beispiellink?

 

[HamburgerJung92]

Hatte es jetzt erstmal mit position: relative; gelöst ^^

Trotzdem nochmal die alte Version. ( Muss ja trotzdem iwie mit margin gehn)

BSPLink: http://fade.bplaced.net/

 

[anna55]

Würde hier mal wieder zur class menue zusätzlich ein

display:inline-block;

nehmen. Dann kannst du margin setzen.

 

[HamburgerJung92]

Ok danke das läuft^^ Ist position: relative; eigentlich eine gute alternative oder eher nicht?

 

[anna55]

Position kannst du genauso einsetzen. SELFHTML schreibt allerdings, dass der IE7 bei Angaben zu top und bottom die Höhe nicht berechnet. Wobei man das mit ner Angabe zu line-height lösen kann.

 

[HamburgerJung92]

Ok, Danke