Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] wypozycjonowanie strony
Forum PHP.pl > Forum > Przedszkole
-kalis-
Witam,

Mam stronę w takim układzie
  1. <div id="naglowek">
  2. <table class="naglowek_tlo" align="center" cellspacing="0" cellpadding="0">
  3. <tr>
  4. <td align="center">
  5. </td>
  6. </tr>
  7. <tr>
  8. <td>
  9. <div id="menu_gora">
  10.  
  11. </div>
  12. </td>
  13. </tr>
  14. <tr>
  15. <td>
  16. <hr>
  17. <div id="menu_dol">
  18. Zalogowany jako :
  19. <font color="red" size="3"> <?php echo $_SESSION['user']?></font>
  20. </div>
  21. </td>
  22. </tr>
  23. </table>
  24. </div>
  25.  
  26. <table width="90%" border="1px">
  27. <tr>
  28. <td width="250px">
  29. <?php
  30. require("menu_user.php");
  31. ?>
  32. <td>
  33. <td>
  34. <div id="tresc">


w pliku menu_user mam :
div id='menu'>

</div>";

W polu treść pokazują mi się zawartości z poszczególnych plików.


Plik css :

  1. html, body
  2. {
  3. background-color: #87CEFA;
  4. font-family : "trebuchet ms", Arial, sans-serif;
  5. font-size : 9pt;
  6. color: #000;
  7. margin: 0;
  8. padding: 0;
  9. }
  10.  
  11. #naglowek
  12. {
  13. height : auto;
  14. width : auto;
  15. }
  16. .naglowek_tlo
  17. {
  18. background-image : url(../images/bg_naglowek.png);
  19. min-width : 800px;
  20. height :104px;
  21. border : 2px groove #5a799d;
  22. }
  23. #menu_dol
  24. {
  25. float : left;
  26. margin-right : 2px;
  27. padding : 0px 8px;
  28. font-family : "trebuchet ms", Arial, sans-serif;
  29. font-size : 12px;
  30. }
  31. #menu_gora
  32. {
  33. float : left;
  34. margin-right : 2px;
  35. padding : 0px 8px;
  36. font-family : "trebuchet ms", Arial, sans-serif;
  37. font-size : 12pt;
  38. }
  39. #menu_gora a
  40. {
  41. display : inline-block;
  42. text-decoration : none;
  43. color : #FFD700;
  44. padding : 1px;
  45. border-left : 6px solid #cccccc;
  46. margin-right : 40px;
  47. }
  48. #menu_gora a:hover
  49. {
  50. color : #ff0000;
  51. border-left : 6px solid #ff0000;
  52. }
  53.  
  54. #tresc {
  55.  
  56. min-height : 400px;
  57. background-color: #fbfbfb;
  58. border : 8px groove #5a799d;
  59. }
  60.  
  61. #menu {
  62. width: 300px;
  63. min-height : 400px;
  64. margin : 0 0 0 10px;
  65. float: left;
  66. overflow: hidden;
  67. position: absolute;
  68. background-color: #ececec;
  69. border : 2px groove #5a799d;
  70. }
  71.  
  72. #menu ul {
  73. list-style-type:none;
  74. margin-bottom:15px;
  75. background-color:#2F4F4F;
  76. padding:5px;
  77. }
  78.  
  79. #menu li {
  80. background:url(../images/sidebar-li.png) no-repeat;
  81. background-position:0px 0;
  82. height:20px;
  83. padding-left:22px;
  84. padding-top:1px;
  85. }
  86.  
  87. #menu a {
  88. font-weight:normal;
  89. text-decoration:none;
  90. }


I teraz nie umiem zmienić szeerokości div menu oraz treść.
Chcę aby pole menu miało 250px szerokości poźniej 10px przerwy a potem treść 600 px ale obojętnie jak zmienię wartości to dalej jest taka sama pozycja

--kalis--
ma ktoś jakiś pomysł ?
NickOver
WIDTH?
Luna_s20
  1. <div id="tresc">

Patrzysz jakie id ma twój div, i szukasz takiego w pliku css:
  1. #tresc {
  2. width: 250px;
  3. cośtam;
  4. cośtam;
  5. }


Tak samo z każdym innym div'em, elementem tabeli etc. Skoro w pliku css nie ma #tresc{} - to stwórz i wpisz wartości.
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.