Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] wyśrodkowany DIV z 2 DIVami po bokach
kusiu
post 21.08.2007, 18:50:29
Post #1





Grupa: Zarejestrowani
Postów: 163
Pomógł: 10
Dołączył: 24.01.2006

Ostrzeżenie: (30%)
XX---

Witam,
Mam problemik tego typu, iz w kontenerze ktory jest ustawiony na cała szerokosc strony mam 3 DIVy.
Jeden ma mieć szerokosc 1000px ktory bedzie wycentrowany, natomiast 2 po bokach powinny miec dynamiczna szerokosc w zaleznosci od rozdzielczosci.

Kodzik:

HTML:
[HTML] pobierz, plaintext 
  1. <div id="footer">
  2.            <div id="footer_lewy"></div>
  3.            <div id="footer_srodkowy"></div>
  4.            <div id="footer_prawy"></div>
  5.       </div>
[HTML] pobierz, plaintext


CSS:
[HTML] pobierz, plaintext 
  1. #footer { height: 66px; width: 100%;}
  2. #footer_lewy {width : 100%; float: left;}
  3. #footer_srodkowy {width : 1000px; float: center;}
  4. #footer_prawy {width : 100%; float: right;}
[HTML] pobierz, plaintext


Ma ktos jakis pomysł? Prosze o POMOC exclamation.gif!!!!!!!!!!

Pozdrawiam! party.gif

Ten post edytował kusiu 21.08.2007, 19:31:00
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 1)
andy84
post 22.08.2007, 09:51:24
Post #2





Grupa: Zarejestrowani
Postów: 165
Pomógł: 0
Dołączył: 14.11.2005
Skąd: London

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

chyba o takie cos ci chodzilo - powstawiaj sobie tylko szerokosci ustawilem narazie 80% szerokosci tabeli - jezeli chcesz cos dynamicznie zmieniac w szerokosci to ciezko zeby to sie wydazylo jezeli deklarujesz stala szerokosc - ja bym to tak zrobil mam andzieje ze pomoglem smile.gif
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. </head>
  4. <body style="text-align:center;"><div style="margin-left:auto; margin-right:auto; text-align:left; width:80%">
  5. <div style="width:80%; border:1px solid #333333;">
  6. <div style="float:left; width:40%; ">even more text</div>
  7. <div >test just some more text</div></div>
  8. </div>
  9. </body>
  10. </html>
[HTML] pobierz, plaintext


Oczywiscie css mozesz sobie porobic i wrzucic w osobnym pliku tak napisalem bo bylo szybciej zrobic przyklad:)

Ten post edytował andy84 22.08.2007, 09:52:40


--------------------
Linux is like Wigwam - no Windows, no Gates and apache inside :D
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: Przełącz na: Standardowy · 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: 14.08.2025 - 04:57
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn