#main überlappt #right...

**c0CoKabAnA** · 15.07.2011, 14:14

Hallo Community,

ich habe ein komisches Problem und hoffe ihr könnt mir sagen wieso das so is...

Ich bin gerade dabei eine Vereinsseite mit Contao zu realisieren...
an sich passt auch alles so weit nur irgendwie überlappt der #main div den #right div...
und ich verstehe nicht wieso?!?

ich gebe im Theme an das die rechte spalte 240px groß sein soll.
Das macht er auch sauber!

Er sagt dem #main div das es rechts ein margin von 240px benötigt und gibt dem #right div eine width von 240px.

müsste also genau passen...

aber seht am besten selbst:
http://cocokabana.de/webdesign/gesangverein

was stimmt da nicht?

vielen dank für euere hilfe!

MfG

**Flex** · 15.07.2011, 14:55

Das Problem ist das padding dass du dem Element #main gegeben hast, das wird zur allgemeinen Breite dazugerechnet.

Lösung: Das padding dem Element #main .inside zuordnen.

**bizon** · 15.07.2011, 15:18

Hallo,

Die paddings für #main und #right stören. Setze diese besser in #main .inside und #right .inside.

Die margins nach top und bottom von #right und #left würde ich dem #container zuweisen.

Und zuletzt noch bei #main das margin-right um den Abstand zu #right erhöhen.

**c0CoKabAnA** · 15.07.2011, 17:35

na toll ich such mir nen wolf ab und die lösung is eigentlich so einfach -_-

danke euch beiden!!!

könnt ihr mir auf die schnell noch sagen wie ich jetzt zwischen dem #main und dem #right div nen abstand her bekomme?
mit margin/padding komm bei den beiden divs komm ich irgendwie nicht weit?!?