Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS] wyśrodkowany DIV z 2 DIVami po bokach
kusiu
post
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 (IMG:http://forum.php.pl/style_emoticons/default/exclamation.gif) !!!!!!!!!!

Pozdrawiam! (IMG:http://forum.php.pl/style_emoticons/default/party.gif)

Ten post edytował kusiu 21.08.2007, 19:31:00
Go to the top of the page
+Quote Post
andy84
post
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 (IMG:http://forum.php.pl/style_emoticons/default/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
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 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 Aktualny czas: 15.09.2025 - 21:39
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn