Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Układ trójkolumnowy z autodopasowaniem
Teamon
post 27.07.2007, 23:22:04
Post #1





Grupa: Zarejestrowani
Postów: 45
Pomógł: 0
Dołączył: 18.09.2006

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

Standardowy uklad, 3 komuny, 2 boczne o stalej szerokosci.
Jak zrobic taki uklad to wiem, problem w tym zeby srodkowa kolumna dopasowywala sie automatycznie do przestrzeni pomiedzy tymi dwiema w zaleznosci od rozmiaru okna przegladarki.


--------------------
Blog - programowanie, webdesign, Symfony
Go to the top of the page
+Quote Post
gekon
post 27.07.2007, 23:36:26
Post #2





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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

http://glazar.info/float.html


--------------------
Pokaż kod = Pokaż CAŁY kod, najlepiej działający na jakimś serwerze.
Fanatycy | glazar.info | semantyka | HTML i XHTML FAQ
Go to the top of the page
+Quote Post
Teamon
post 27.07.2007, 23:41:05
Post #3





Grupa: Zarejestrowani
Postów: 45
Pomógł: 0
Dołączył: 18.09.2006

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

Już patrze w kod, mozliwe ze to bez znaczenia (juz sprawdzam) ale ja potrzebuje sidebary o stałej szerokosci.


--------------------
Blog - programowanie, webdesign, Symfony
Go to the top of the page
+Quote Post
gekon
post 27.07.2007, 23:52:38
Post #4





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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

To jest mniej eleganckie rozwiązanie:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html lang="pl">
  3. <head>
  4. 	<title>3 kolumy</title>
  5. 	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
  6. 	<style type="text/css">
  7. 		#sidebar { float: left; background-color: #0F0; width: 200px; }
  8. 		#menu { float: right; background-color: #0F0; width: 200px; }
  9. 		#content { background-color: #00F; margin: 0 200px; }
  10. 	</style>
  11. </head>
  12. <body>
  13. 	<div id="sidebar">
  14. 		<p>Sidebar</p>	
  15. 	</div>
  16. 	<div id="menu">
  17. 		<p>Menu</p>
  18. 	</div>
  19.  
  20. 	<div id="content">
  21. 		<p>Treść</p>
  22. 	</div>
  23. </body>
  24. </html>
[HTML] pobierz, plaintext


Ten post edytował gekon 27.07.2007, 23:52:57


--------------------
Pokaż kod = Pokaż CAŁY kod, najlepiej działający na jakimś serwerze.
Fanatycy | glazar.info | semantyka | HTML i XHTML FAQ
Go to the top of the page
+Quote Post
Teamon
post 28.07.2007, 00:21:05
Post #5





Grupa: Zarejestrowani
Postów: 45
Pomógł: 0
Dołączył: 18.09.2006

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

Wielkie dzięki. Może mniej eleganckie ale prostsze, no i działa smile.gif


--------------------
Blog - programowanie, webdesign, Symfony
Go to the top of the page
+Quote Post
Kreton
post 31.07.2007, 12:14:58
Post #6





Grupa: Zarejestrowani
Postów: 345
Pomógł: 3
Dołączył: 20.02.2005

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

http://www.glish.com/css/7.asp

Tutaj masz to co chcesz. smile.gif
Go to the top of the page
+Quote Post
« Następny starszy · CSS · 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: 19.04.2024 - 03:31
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn