Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML]wyśrodkowanie diva w divie
marcus753
post 5.08.2014, 11:43:55
Post #1





Grupa: Zarejestrowani
Postów: 281
Pomógł: 3
Dołączył: 8.06.2009
Skąd: Kraków

Ostrzeżenie: (0%)
-----


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

Ten post edytował marcus753 5.08.2014, 11:47:33


--------------------
Cokolwiek zostanie upuszczone na uklad elektroniczny, spadnie zawsze tam gdzie wyrzadzi najwiecej szkody.
Go to the top of the page
+Quote Post
tzm
post 5.08.2014, 11:46:49
Post #2





Grupa: Zarejestrowani
Postów: 675
Pomógł: 58
Dołączył: 17.12.2013

Ostrzeżenie: (10%)
X----


http://jsfiddle.net/wD89s/
Go to the top of the page
+Quote Post
marcus753
post 5.08.2014, 11:49:35
Post #3





Grupa: Zarejestrowani
Postów: 281
Pomógł: 3
Dołączył: 8.06.2009
Skąd: Kraków

Ostrzeżenie: (0%)
-----


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ść.

Ten post edytował marcus753 5.08.2014, 11:54:30


--------------------
Cokolwiek zostanie upuszczone na uklad elektroniczny, spadnie zawsze tam gdzie wyrzadzi najwiecej szkody.
Go to the top of the page
+Quote Post
toffiak
post 5.08.2014, 11:52:08
Post #4





Grupa: Zarejestrowani
Postów: 395
Pomógł: 80
Dołączył: 24.08.2009

Ostrzeżenie: (0%)
-----


http://jsfiddle.net/A2E76/


--------------------
Go to the top of the page
+Quote Post
tzm
post 5.08.2014, 11:55:37
Post #5





Grupa: Zarejestrowani
Postów: 675
Pomógł: 58
Dołączył: 17.12.2013

Ostrzeżenie: (10%)
X----


http://jsfiddle.net/wD89s/1/ no to tak masz dla dowolnej szerokości.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 29.03.2024 - 00:37