Divs ausrichten

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.

Meinst du das in etwa so?
[Only registered and activated users can see links. Click Here To Register...]

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.

Quote:

Originally Posted by Reav0r Meinst du das in etwa so? [Only registered and activated users can see links. Click Here To Register...] 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. :D

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

[Only registered and activated users can see links. Click Here To Register...]

Quote:

Originally Posted by Mikesch01 Das is eigentlich eine typische "float" Box. Der eine links, der andere rechts. [Only registered and activated users can see links. Click Here To Register...]

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

Hier wäre ein Float Beispiel [Only registered and activated users can see links. Click Here To Register...] ...

Quote:

Originally Posted by Reav0r Stimmt auch wieder, hab wie immer viel zu kompliziert gedacht... Hier wäre ein Float Beispiel [Only registered and activated users can see links. Click Here To Register...] ...

das klappt aber noch nicht ganz.

Quote:

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?

Quote:

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.

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.
[Only registered and activated users can see links. Click Here To Register...]

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

Quote:

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. :rolleyes:

Quote:

Originally Posted by Skriptum Du hast Recht. Wenn ich das Result Fenster größer ziehe rückt die eine Box mit rein. :rolleyes:

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