Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS] float:left a wyśrodkowanie
!*!
post 1.01.2009, 20:15:49
Post #1





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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

Div główny który jest na całą szerokość strony, w nim są inne divy które mają ustaloną szerokość w zależności od tekstu, układają sie obok siebie przez float, jak można te divy wyśrodkować?

<div id="glowny" style="width: auto;">

<div class="cos">zxc</div>
<div class="cos">zxc</div>
<div class="cos">zxc</div>

</div>

class cos = float:left; widht: auto;

potrzebny efekt:

Kod
__________________
   zxc zxc zxc  
__________________


Ten post edytował !*! 1.01.2009, 20:16:29


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
Strarus
post 1.01.2009, 20:22:58
Post #2





Grupa: Zarejestrowani
Postów: 339
Pomógł: 12
Dołączył: 22.11.2008

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

Może text-align:center questionmark.gif

edit: jeszcze z jakiś moich starych szablonów wyciągnąłem coś takiego, że jak masz stronę i jakieś divy, to tworzysz div#page i dajesz mu text-align: center; potem tylko tuż po <body> dajesz <div id="page"> i przed </body> : </div> Czyli wszystko dajesz do tego jednego diva... Ale nie wiem, czy to u Ciebie znajdzie zastosowanie.

Ten post edytował Strarus 1.01.2009, 20:27:51
Go to the top of the page
+Quote Post
decha-design
post 1.01.2009, 20:46:44
Post #3





Grupa: Zarejestrowani
Postów: 415
Pomógł: 46
Dołączył: 26.05.2007
Skąd: Sandomierz

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

Jak masz w tych divach float: left, to jest mały problem ...

1. Znasz rozmiary tych divów?
a. jeśli nie, to jest problem ... i spróbuj to jakoś zrobić, aby była ta określona szerokość ^^
b. jeśli tak, to idź do punktu 2

2. Wsadź te divy .cos do jednego diva, nadaj mu szerokość wszystkich tych divów (aby się mieściły tak jak chcesz) i nadaj w nim text-align: center i margin: 0 auto; Przejdź do punktu 3

3. Na samym dole w tym divie zrob <div style="clear: both"></div>

Ten post edytował decha-design 1.01.2009, 20:48:14


--------------------
Grzegorz 'Decha' Polek »
º http://grzegorzpolek.com
º http://www.facebook.com/grzegorz.polek
º http://www.lastfm.pl/user/Dechaa
Go to the top of the page
+Quote Post
Strarus
post 1.01.2009, 20:54:35
Post #4





Grupa: Zarejestrowani
Postów: 339
Pomógł: 12
Dołączył: 22.11.2008

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

No tak, u mnie mam określoną szerokość DIVów, więc działa, a po co clear:both ?
Go to the top of the page
+Quote Post
artur_dziocha
post 1.01.2009, 21:00:51
Post #5





Grupa: Zarejestrowani
Postów: 320
Pomógł: 53
Dołączył: 18.09.2007
Skąd: Radom

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

a poczytać, poszukać nie łaska??Chcesz mieć odpowiedź na każde pytanie. Według mnie chyba lepiej samemu poszukać i znaleźć odpwowiedź
Go to the top of the page
+Quote Post
!*!
post 1.01.2009, 23:15:07
Post #6





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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

Właśnie nie znam tzn. nie mogę z góry ustalić na sztywno szerokości tych divów... W tym problem :/ Właśnie to chyba jedyna rzecz której nie da się zrobić w css. Wspomniany text-align: center; jak można się domyśleć działa tylko na tekst pisany, a nie na div.


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
decha-design
post 2.01.2009, 02:08:52
Post #7





Grupa: Zarejestrowani
Postów: 415
Pomógł: 46
Dołączył: 26.05.2007
Skąd: Sandomierz

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

Jak dobrze ustawisz to na divy też działa ... ale niestety ... określona szerokość =)) chociażby w procentach ... i powinno dzialać ...

Musisz przerobić szablon jak chcesz to wyśrodkować ...

A clear:both ... w tym wypadku służy do 'objęcia' (?!) zawartości diviem ... bo zdarza się (raczej zawsze), że przy divach z float: left div nadrzędny zachowuje się dziwnie ... sprawdź sobie =)


--------------------
Grzegorz 'Decha' Polek »
º http://grzegorzpolek.com
º http://www.facebook.com/grzegorz.polek
º http://www.lastfm.pl/user/Dechaa
Go to the top of the page
+Quote Post
!*!
post 2.01.2009, 11:13:06
Post #8





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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

Nie moge przerobić szablonu, bo straci na funkcjonalności. Trudno poczekam do CSS3.1 może to poprawią biggrin.gif


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
erix
post 2.01.2009, 11:37:54
Post #9





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Cytat
Trudno poczekam do CSS3.1 może to poprawią

Chyba śnisz. tongue.gif CSS3 chyba jest już od dawna opracowany, Fx3/Opera 9.6x już nawet cząstkowo obsługują, ale nie łudź się, że będą wszystkie (mam na myśli IE tongue.gif).

Musisz trochę przerobić szablony, aby dodać kilka selektorów; mam na myśli coś takiego:
  1. dodaj ID dla lewego, ustaw mu text-align: right
  2. dla środkowego text-align: center
  3. dla prawego text-align: left

Tak bym to widział.


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
Strarus
post 2.01.2009, 11:53:43
Post #10





Grupa: Zarejestrowani
Postów: 339
Pomógł: 12
Dołączył: 22.11.2008

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

czyli, że lewy 'przylega' do prawego, czyli środkowego, a prawy 'przylega' do lewego, czyli do środkowego? ciekawe rozwiązanie smile.gif
Go to the top of the page
+Quote Post
!*!
post 2.01.2009, 13:46:54
Post #11





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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

To CSS4 winksmiley.jpg do tego czasu IE8/9 będzie standardem ze standardami.

Pisałem już ze text-align: left itp. nadaje sie tylko do tekstu, nie ustawisz dzięki nim diva, buttona czy choćby radia.


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
erix
post 2.01.2009, 14:50:09
Post #12





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Hmm, a jaki problem zrobić coś takiego:
[HTML] pobierz, plaintext 
  1. <div id="firstColumn">asdahsdasd <tag /></div>
[HTML] pobierz, plaintext

css:
Kod
#firstColumn *
{ float: right; }


Cytat
buttona czy choćby radia.

Kpisz sobie chyba.


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
!*!
post 2.01.2009, 18:05:58
Post #13





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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

erix nie za bardzo wiem co chcesz uzyskać tym float:right; przy wyśrodkowaniu elementów, które mają float:left; objęte width:auto;

Ten post edytował !*! 2.01.2009, 18:06:46


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
erix
post 2.01.2009, 19:56:02
Post #14





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Zwróć uwagę na gwiazdkę za selektorem. winksmiley.jpg


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 3.06.2024 - 11:28
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn