Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]dynamiczna wysokość div'a
Forum PHP.pl > Forum > Przedszkole
patryk9200
Cześć
jak zrobić żeby kolumna "menu_left" miała taką długość jak kolumna "tresc", lecz obie nie mniejszą niż 1000px questionmark.gif
oto kod:
  1. <!DOCTYPE html
  2. PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  5. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  6. <title>Kurs HTML - Przykłady CSS: Stały szablon (fixed layout)</title>
  7. <style type="text/css">
  8. /* <![CDATA[ */
  9. html, body {
  10. background-color: #fff;
  11. color: #000;
  12. margin: 0;
  13. padding: 0;
  14. }
  15.  
  16. #top {
  17. width: 780px;
  18. }
  19.  
  20. #logo {
  21. background-color: #888;
  22. }
  23.  
  24. #menu_left {
  25. width: 150px;
  26. float: left;
  27. overflow: hidden;
  28. background-color: #ccc;
  29. }
  30.  
  31. #tresc {
  32. width: 630px;
  33. float: left;
  34. overflow: hidden;
  35. background-color: #fff;
  36. }
  37.  
  38. #stopka {
  39. clear: both;
  40. width: 100%;
  41. background-color: #888;
  42. }
  43.  
  44. pre {
  45. overflow: auto;
  46. }
  47. /* ]]> */
  48. </head>
  49.  
  50. <div id="top">
  51.  
  52. <div id="logo">logo</div>
  53.  
  54. <div id="menu_left">
  55.  
  56.  
  57. </div>
  58.  
  59. <div id="tresc">
  60.  
  61. </div>
  62. <div id="stopka">&copy; </a></div>
  63.  
  64. </div>
  65.  
  66. </body>
  67. </html>
erix
Faux columns...
lub
http://www.alistapart.com/articles/holygrail
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.