Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]wyśrodkowanie diva w divie
Forum PHP.pl > Forum > Przedszkole
marcus753
mam sobie taki kod:

  1. .center{
  2. width:600px;
  3. margin:0px auto;
  4. border:1px solid blue;
  5. text-align: center;
  6. }
  7.  
  8. .bloczek{
  9. width:150px;
  10. height:100px;
  11. background-color:red;
  12. }
  13.  
  14. <div class="center">
  15.  
  16. <div class="bloczek">fdgfdg</div>
  17.  
  18. </div>


Jak wypośrodkować div bloczek bez zmiany jego styli ? zamiast bloczek mogę mieć tam zdjęcie/iframe/canvas itp. nigdy nie wiem co będzie natomiast wiem że będzie to miało zdefiniowaną szerokość. Idealnie do tego celu nadaje się znacznik <center></center> ale ze względu na jego wiek szukam jakiś innych "nowoczesnych" rozwiązań wink.gif
tzm
http://jsfiddle.net/wD89s/
marcus753
Cytat(mitorski @ 5.08.2014, 12:46:49 ) *


Świetne rozwiązanie ale zmieniłeś styl dla diva bloczek a tego zrobić nie mogę a gdybym mógł to polecam po prostu ustalić margines na auto wtedy nie musisz się bawić ze zmianą marginesu diva wink.gif

Wracając do tematu: Nigdy nie wiem jaką zawartość będzie miał div .center zamiast bloczek mogę miec zdjęcie canvas iframe itp. wiem tylko tyle że zawartość będzie miała ustaloną szerokość.
toffiak
http://jsfiddle.net/A2E76/
tzm
http://jsfiddle.net/wD89s/1/ no to tak masz dla dowolnej szerokości.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.