Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Znikający div ( float: left; ), Div znika..
miras
post 26.02.2012, 14:40:40
Post #1





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---

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


Ten post edytował miras 26.02.2012, 14:41:37


--------------------
ReputeUp.pl - sprzedaż opinii google!
Go to the top of the page
+Quote Post

Posty w temacie
- miras   [HTML][CSS]Znikający div ( float: left; )   26.02.2012, 14:40:40
- - crocodillo   w css przy #screen masz literówkę: widht Opis umi...   26.02.2012, 15:48:42

« Następny starszy · Przedszkole · 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 24.07.2025 - 18:31
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn