2 DIVs-Blöcke nebeneinander zentrieren

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

Servus,

ich habe ein Problem, bin dabei per HTML und CSS etwas kleines aufzubauen und beim Basteln bin ich auf ein Problem gestoßen, kriege es nicht gebacken, 2 DIV Blöcke nebeneinander zu zentrieren.

Der Linke DIV Block ist fast doppelt so breit wie der Rechte, aber schaffe es irgendwie nicht zu zentrieren nebeneinander..

Der Code:

CSS

Meinst du so [Only registered and activated users can see links. Click Here To Register...] ?
[Only registered and activated users can see links. Click Here To Register...] sollte dir helfen

Vielleicht...

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

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

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

Bedenke im Gegensatz zu der Antwort über mir gehen diese Lösungen nicht in alten Browsern, wenn wir aber wissen, dass du sowas bevorzugst, kann man dir auch eine Lösung in JavaScript zeigen, welche auch ältere Browser unterstützen :)

Quote:

Originally Posted by Der-Eddy Meinst du so [Only registered and activated users can see links. Click Here To Register...] ? [Only registered and activated users can see links. Click Here To Register...] sollte dir helfen

Wow, die Seite sieht für den Ersten Anblick recht gut aus, werde es mal dort austesten, danke dir.

Quote:

Originally Posted by #Metho Vielleicht... [Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...] Bedenke im Gegensatz zu der Antwort über mir gehen diese Lösungen nicht in alten Browsern, wenn wir aber wissen, dass du sowas bevorzugst, kann man dir auch eine Lösung in JavaScript zeigen, welche auch ältere Browser unterstützen :)

Was die "justify"-Elemente angeht, da müsste ich mich echt erst mal schlau machen. Aber das mit dem JavaScript und die Funktionalität in alten Browsers wäre echt nicht verkehrt, wäre dir dafür auch recht dankbar!

Quote:

Originally Posted by #Metho Vielleicht... [Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...] Bedenke im Gegensatz zu der Antwort über mir gehen diese Lösungen nicht in alten Browsern, wenn wir aber wissen, dass du sowas bevorzugst, kann man dir auch eine Lösung in JavaScript zeigen, welche auch ältere Browser unterstützen :)

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

Flexbox ist eigentlich schon sehr gut unterstützt. Da würde ich mir nicht die Arbeit machen einen alten IE noch zu supporten.

@TE:
Ich finde Flexbox wirklich angenehm und ist schnell zu verstehen. Löst dein Problem recht schnell.
Hier ein kleines Spiel um es zu lernen ;)
[Only registered and activated users can see links. Click Here To Register...]

Quote:

Originally Posted by LeKoArts [Only registered and activated users can see links. Click Here To Register...] Flexbox ist eigentlich schon sehr gut unterstützt. Da würde ich mir nicht die Arbeit machen einen alten IE noch zu supporten. @TE: Ich finde Flexbox wirklich angenehm und ist schnell zu verstehen. Löst dein Problem recht schnell. Hier ein kleines Spiel um es zu lernen ;) [Only registered and activated users can see links. Click Here To Register...]

Scheint fürs Erste schon gut zu klingen, seit wann gibt es das mit Flexbox?
Wusste ich garnicht, muss man dazu etwas bestimmtest installieren, oder kann man es so benutzen?

Quote:

Originally Posted by abdu931 Scheint fürs Erste schon gut zu klingen, seit wann gibt es das mit Flexbox? Wusste ich garnicht, muss man dazu etwas bestimmtest installieren, oder kann man es so benutzen?

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

Uff, ist schon einer der "neueren" Sachen. Wobei, es ging halt nur darum, dass alle Browser es mal unterstützen...

Nein, du musst nur "display: flex;" schreiben und schon hast du den Anfang gemacht. Achte aber darauf, dass du Prefixing betreibst, ansonsten klappt das mit der Kompatibilität nichts (ist in dem verlinkten Artikel am Ende auch erwähnt).

Quote:

Originally Posted by LeKoArts [Only registered and activated users can see links. Click Here To Register...] Uff, ist schon einer der "neueren" Sachen. Wobei, es ging halt nur darum, dass alle Browser es mal unterstützen... Nein, du musst nur "display: flex;" schreiben und schon hast du den Anfang gemacht. Achte aber darauf, dass du Prefixing betreibst, ansonsten klappt das mit der Kompatibilität nichts (ist in dem verlinkten Artikel am Ende auch erwähnt).

Boah ist echt etwas neues, danke dir natürlich aber muss mich erstmal da rein arbeiten, was nicht so leicht ist.

@abdu931


Wenn du Bootstrap nutzt, könntest du einfach das nutzen:

müsstest du nur noch anpassen

Quote:

Originally Posted by Nevada' @abdu931 Wenn du Bootstrap nutzt, könntest du einfach das nutzen: Code: <div class="col-sm-8 col-sm-offset-2"> <div class="row"> <div class="col-sm-6"> *content* </div> <div class="col-sm-6"> *content* </div> </div> </div> müsstest du nur noch anpassen

Bin gerade am Handy, sind es schon nebeneinander zentrierte DIV-Blöcke?

Quote:

Originally Posted by abdu931 Bin gerade am Handy, sind es schon nebeneinander zentrierte DIV-Blöcke?

Ja sollte sein.