[HTML][CSS]Centrowanie kilku divów w containerze Opcje

[arek33]

Hej! Mam poniższy kod, napisany teraz na szybko dla zilustrowania problemu. Szukałem dużo informacji w sieci na ten temat, próbowałem rozgryźć css bootstrapa, ale nadal jestem w d.. Albo czegoś nie rozumiem, albo jestem ciemna masa. Może jedno i drugie.

[CSS] pobierz, plaintext 
.container { width: 900px; margin: 0 auto; }
.div { float: left; width: 30%; }
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class=".container">
<div class=".div">
lorem ipsum1
</div>
<div class=".div">
lorem ipsum2
</div>
<div class=".div">
lorem ipsum3
</div>
</div>
[HTML] pobierz, plaintext 

W klasie .container, która centruje mi warstwy i nadaje szerokość 900px umieszczam trzy identycznie divy, które mają szerokość po 30% każdy. W sumie zostaje mi 10% przestrzeni na marginesy. Pytanie teraz do wymiataczy: jak sprawnie ustawić automatyczne marginesy pomiędzy tymi trzema divami? "margin: 0 5%" dla drugiej warstwy mnie nie satysfakcjonuje, ponieważ chciałbym, aby działało to jako responsive. Jeżeli ustawię margin dla środkowego diva to po zmienia rozdzielczości ten margines pozostanie. Nie chciałbym też działać na media queries.

Za wszystkie odpowiedzi będę bardzo wdzięczny.

Pozdrowienia,
Arkadiusz

[Crozin]

Skoro wiesz, że w Bootstrapie to zadziała poprawnie, to co za problem szybko zerknąć jakie style nadawane są dla .row i .col-md-4? (IMG:style_emoticons/default/smile.gif) Wiele tam tego nie ma.

Ten post edytował Crozin 27.01.2014, 17:05:07