Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]rozmieszczenie obektowna stronie
Forum PHP.pl > Forum > Przedszkole
retes
30.05.2010, 09:33:45
Jak przesunac "bar" na dół strony?

[PHP] pobierz, plaintext 
  1. body {
  2. font-family: "trebuchet ms", verdana, sans-serif;
  3. font-size: 12px;
  4. line-height: 1.5em;
  5. color: #333;
  6. bacground: #ffffff;
  7. margin: 0;
  8. padding: 0;
  9. text-align; center; text-align
  10. }
  11. #header {
  12. position: absolute;
  13. top: 0px;
  14. left: 0px;
  15. height: 60px;
  16. width: 100%;
  17. background: #333;
  18. padding-top: 8px;
  19. }
  20. #header h1 {
  21. font-size: 30px;
  22. text-transform: uppercase;
  23. letter-spacing: 0.3em;
  24. text-align: center;
  25. color: #fff;
  26. }
  27. #menu {
  28. font-family: "trebuchet ms", verdana, sans-serif;
  29. font-size: 14px;
  30. font-weight: bold;
  31. position: absolute;
  32. height: 27px;
  33. top: 60px;
  34. left: 0px;
  35. width: 100%;
  36. padding: 0px;
  37. color: #000000;
  38. background-color: #eee
  39. }
  40. a:link {
  41.  text-decoration: none;
  42.  color: #000;
  43. }
  44. a:visited {
  45.  text-decoration: none;
  46.  border-bottom: 1px dotted #369;
  47.  color: #000;
  48.  }
  49.  a:hover, a:active {
  50.  text-decoration: none;
  51.  border-bottom: 1px solid #036;
  52.  color: #000;
  53.  }
  54.  #container {
  55. position: absolute;
  56. top: 85px;
  57. left: 0px;
  58. background: #ffffff;
  59. margin: 0 auto 0 auto;
  60. text-align: left;
  61. width: 100%;
  62. height: 100%;
  63. }
  64. #bar {
  65. float: left;
  66. width: 200px;
  67. background: #eee;
  68. z-index: 1;
  69. padding: 10px;
  70. margin-right: 30px;
  71. height: 100%;
  72. }
  73. img {
  74.  border: 0px none;
  75. }
  76. #bar h1 {
  77.  font-size: 12px;
  78.   text-transform: uppercase;
  79.   letter-spacing: 0.3em;
  80.  }
  81. #main {
  82. margin: 15px 15px 15px 240px;
  83. padding: 15px 15px 15px 15px;
  84. background: #FFFFFF;
  85. }
  86.  
[PHP] pobierz, plaintext








tehaha
30.05.2010, 09:59:12
może o to Ci chodziło? http://ryanfait.com/sticky-footer/
retes
30.05.2010, 12:30:43

Dzieki, to sie moze przydac pozniej. A inny jakis pomysl? Probuje jakies tam display: inline; dla ul, ul li w bar ale nadal nie moge przestawic zawartosci na dol kontenera...
Ulysess
30.05.2010, 12:33:48
a spróbuj w #bar zamiast #
float: left; dać clear: both;
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.