Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Znikający div ( float: left; )
Forum PHP.pl > Forum > Przedszkole
miras
26.02.2012, 14:40:40
Witam mam następujący problem mam taki oto kod i przy divie 'screen' ma być obok opis a nie pod spodem, a gdy dodam dla diva #screen float:left; to on całkowicie znika.. proszę o pomoc..
[XML] pobierz, plaintext 
  1.  
  2. body {
  3.  
  4. 	background-color: #181818;
  5. 	margin:0;
  6. 	padding:0;
  7.  
  8. }
  9.  
  10.  
  11.  
  12. #ustawienie {
  13. overflow: hidden;
  14. width: 850px;
  15. margin-left: auto;
  16. margin-right: auto;
  17. }
  18.  
  19.  
  20. #przycisk {
  21. width: 103px;
  22. height: 34px;
  23. float: left;
  24. }
  25.  
  26.  
  27.  
  28. #menu {
  29.  
  30. white-space: nowrap;
  31. float: left;
  32. height: 34px;
  33. margin-top: 90px;
  34. width: 500px;
  35. margin-left: 400px;
  36. }
  37.  
  38. #menu a {
  39. padding-top: 5px;
  40. white-space: nowrap;
  41. font-weight: bold;
  42. font-family: MS Sans Serif, Arial;
  43. color: white;
  44. text-align: center;
  45. text-decoration: none;
  46. float: left;
  47. width: 103px;
  48. height: 34px;
  49. }
  50.  
  51. #menu a:hover {
  52. float: left;
  53. text-decoration: none;
  54. font-weight: bold;
  55. font-family: MS Sans Serif, Arial;
  56. color: white;
  57. width: 103px;
  58. height: 34px;
  59. background: url(img/tlopodm.png) no-repeat;
  60. }
  61.  
  62. #top {
  63.  
  64. background: url(img/lay_01.gif) repeat;
  65. margin-left: auto;
  66. margin-right: auto;
  67. height: 175px;
  68. widht: 850px;
  69. text-align: center;
  70. }
  71.  
  72. #screen {
  73. float: left;
  74. margin-top: 20px;
  75. background: url(img/lay_04.gif) no-repeat;
  76. height: 161px;
  77. widht: 504px;
  78. text-align: center;
  79. }
  80.  
  81.  
  82.  
  83. #kreska {
  84. margin-top: 10px;
  85. height: 4px;
  86. width: 850px;
  87. background: url(img/l_08.gif) repeat;
  88. }
  89.  
  90. #news {
  91. margin-top: 30px;
  92. height: 176px;
  93. background: url(img/lay_11.gif) repeat;
  94. }
  95.  
  96. #belka {
  97. height: 44px;
  98. background: url(img/lay_12.gif) repeat;
  99. }
  100.  
  101. #stopka {
  102. height: 41px;
  103. background: url(img/lay_13.gif) repeat;
  104. }
[XML] pobierz, plaintext





html:


[HTML] pobierz, plaintext 
  1. <html>
  2.  
  3. <body>
  4. <div id="ustawienie">
  5. <div id="top">
  6. <div id="menu"> <div id="przycisk">	<a href="hudada">Home</a></div>  <div id="przycisk"><a href="hudada">Porfolio</a></div>	 <div id="przycisk"><a href="hudada">Sklep</a></div> <div id="przycisk"><a href="hudada">Kontakt</a></div>	</div>	
  7. </div>
  8.  
  9.  
  10. <div id="screen"> </div>   // <--- WŁAŚNIE TU MA BYĆ OPIS.
  11. <div id="kreska"></div>
  12. </div>
  13. <div id="news">daasdasd	</div>
  14. <div id="belka">	</div>
  15. <div id="stopka">daasdasd	</div>
  16.  
  17. </body>
  18. </html>
  19.  
[HTML] pobierz, plaintext
crocodillo
26.02.2012, 15:48:42
w css przy #screen masz literówkę: widht

Opis umieść też w divie i ustaw w stylach float:right, lub odpowiedni lewy margines
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.