#webdev #informatyka #pytanie http://jsfiddle.net/vmvczs26/7/ Ja... (@K.....m)

#webdev #informatyka #pytanie

http://jsfiddle.net/vmvczs26/7/

Jak w CSS zrobić aby te 2 małe bloki (right, left) były wyśrodkowane pośród tego dużego (center)? Bo text-align:center nie działa, margin-xx:auto też. Tak aby nie kombinować ze stałymi odstępami czy procentami...

Najlepsze
Wszystkie komentarze

biedrzycki

biedrzycki 11 l.

@KotKotuKotem: trochę nie kumam pytania, jak mają być wysrodkowane? Jeden na drugim w środku?

subitosun

subitosun 11 l.

@KotKotuKotem: http://www.impressivewebs.com/center-multiple-divs/ - o takie coś Ci chodzi?

npsr

npsr 11 l.

@KotKotuKotem: poczytaj o flexbox - powinno pomóc :)

laki1

laki1 11 l.

@KotKotuKotem: zrobiłem update :x

biedrzycki

biedrzycki 11 l.

@KotKotuKotem: możesz wsadzić te dwa kontenery w jeden i go wycentrowac :)

kornot

kornot 11 l.

@KotKotuKotem:
Tego Ci trzeba?
https://jsfiddle.net/usnLdgyj/
Jeśli nie, to narysuj czego oczekujesz ;)

K.....m

konto usunięte Autor 11 l.

@biedrzycki: @kornot: Tak jest, to też jest dobre rozwiązanie, próbowałem po prostu bez wrzucania kolejnego diva. Działa, dziękuję raz jeszcze

biedrzycki

biedrzycki 11 l.

@KotKotuKotem: wtedy inline-block będzie dobrym rozwiązaniem

Chanandler

Chanandler 11 l.

@KotKotuKotem: http://jsfiddle.net/7m3j4c35/ - i działa niezależnie od szerokość elementów. Pozycjonowanie elementów "na sztywno" nie jest zbyt dobrą opcją.

K.....m

konto usunięte Autor 11 l.

@Chanandler: Potrzebuję bloku center wychodzącego poza te małe, w innym kolorze itd. - tak jak tutaj już koledzy wyżej pomogli http://jsfiddle.net/vmvczs26/9/ - po to dałem ramki, aby było przejrzyście widać

IcyHot

IcyHot 11 l.

@KotKotuKotem: Takie cos?

https://jsfiddle.net/vmvczs26/12/

Czy nie rozumiem o co cumplowi chodzi

K.....m

konto usunięte Autor 11 l.

@biedrzycki: Jeden obok drugiego... lub jakkolwiek inaczej, byle wyśrodkowane :)

[_____[_][_]_____]

K.....m

konto usunięte Autor 11 l.

@subitosun: Z tego już chyba sobie poradzę

@laki1: Update v9 z tym vertical-align: middle; i "inline" chyba działa idealnie, prawdopodobnie o to mi chodziło, dziękuję

Reszta osób też plusy dostaje za pomoc