Divs ausrichten

[Skriptum]

Moin,

ich habe mal eine Frage und zwar:

ich möchte in einem div zwei weitere Divs ausrichten->

<Hauptdiv><linkesdiv></linkesdiv><rechtesdiv></rechtesdiv></Hauptdiv>

Das Hauptdiv hat die Breite 100% und eine festgelegte Höhe.
Das linke Div beinhaltet ein in dem Div mittig ausgerichtetes Bild, das rechte Div eine in dem Div mittig ausgerichtete Überschrift.

Mein Problem ist nun, dass die die beiden inneren Divs nicht nebeneinander angeordnet bekomme. Die überlappen sich immer oder machen irgendeinen anderen Mist.

Probiert habe ich mit display:inline , text-align, float, etc...

Wäre sehr nett wenn mir da mal einer auf die Sprünge helfen könnte.

[Reav0r]

Meinst du das in etwa so?


Aber generell kannst du die Child Divs am besten positionieren wenn du dem Parent Div position: relative gibst und den child divs position: absolute.

Dann kannst du sie mit den Top Right Left Bottom Values super positionieren.

[Skriptum]

Originally Posted by Reav0r

Meinst du das in etwa so?


Aber generell kannst du die Child Divs am besten positionieren wenn du dem Parent Div position: relative gibst und den child divs position: absolute.

Dann kannst du sie mit den Top Right Left Bottom Values super positionieren.

Danke, klappt damit super.

[Mikesch01]

Das is eigentlich eine typische "float" Box. Der eine links, der andere rechts.

[Reav0r]

Originally Posted by Mikesch01

Das is eigentlich eine typische "float" Box. Der eine links, der andere rechts.

Stimmt auch wieder, hab wie immer viel zu kompliziert gedacht...

Hier wäre ein Float Beispiel ...

[Skriptum]

Originally Posted by Reav0r

Stimmt auch wieder, hab wie immer viel zu kompliziert gedacht...

Hier wäre ein Float Beispiel ...

das klappt aber noch nicht ganz.

[Reav0r]

Originally Posted by Skriptum

das klappt aber noch nicht ganz.

In wie fern? Was klappt denn nicht? Wäre einfacher wenn du den entsprechenden CSS Code einmal posten würdest. Oder meinst du mein Beispiel? Weil das klappt bei mir so wie gedacht?

[Skriptum]

Originally Posted by Reav0r

In wie fern? Was klappt denn nicht? Wäre einfacher wenn du den entsprechenden CSS Code einmal posten würdest. Oder meinst du mein Beispiel? Weil das klappt bei mir so wie gedacht?

Ich meinte dein Beispiel.
Bei mir ist die linke Box in der Hauptbox und die rechte Box ist unterhalb der Hauptbox auf der rechten Seite.

[Reav0r]

Dann ist dein Bildschirm wohl kleiner als meiner bzw. dein Broswer Fenster.
Das liegt am Margin in Verbindung mit dem Border. Iwann reicht der Platz nicht mehr um beide Divs in einer Reihe darzustellen. Das muss man entsprechend mit MediaQuerys dann abfangen. Ab einer gewissen Breite wäre eine einspaltiges Layout sowieso sinnvoller.

Hier habe den border durch Hintergrundfarben getauscht. Jetzt verhält es sich besser.


Das Problem ist/war, das der Border iwann mehr als die von mir eingesparten 0.***% der Breite ausmacht und dann sind die beiden divs zusammen breiter als die 100% des Parent Divs.

[Skriptum]

Originally Posted by Reav0r

Dann ist dein Bildschirm wohl kleiner als meiner bzw. dein Broswer Fenster.
Das liegt am Margin in Verbindung mit dem Border. Iwann reicht der Platz nicht mehr um beide Divs in einer Reihe darzustellen. Das muss man entsprechend mit MediaQuerys dann abfangen. Ab einer gewissen Breite wäre eine einspaltiges Layout sowieso sinnvoller.

Du hast Recht. Wenn ich das Result Fenster größer ziehe rückt die eine Box mit rein.

[Reav0r]

Originally Posted by Skriptum

Du hast Recht. Wenn ich das Result Fenster größer ziehe rückt die eine Box mit rein.

Joa, hab noch mal ne "schönere" Version rein editiert ^^