Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Div sie wciska pod Diva
Forum PHP.pl > Forum > Przedszkole
~~Eclipse~~
29.08.2011, 16:54:13
Witam, mam pytanie. Czemu div "wydarzenia" wciska się pod div "div.okienko?
Kod:
[HTML] pobierz, plaintext 
  1. div.okienko {  
  2.       width:590px;  
  3.       /*height:333px;*/  
  4.       border:Solid 1px #ccc; 
  5. 	-webkit-border-radius:10px;
  6. 	-moz-border-radius:10px;
  7. 	-o-border-radius:10px;
  8. 	float:left;
  9.     }  
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. #wydarzenia {
  2. background:#222222;
  3. width:340px;
  4. height:333px;
  5. margin-left:618px;
  6. display:inline-block;
  7. float:right;
  8. }
[HTML] pobierz, plaintext
!*!
29.08.2011, 16:55:45
Bo to pewnie zły div jest. Pokaż kod.
~~Eclipse~~
29.08.2011, 16:57:17
Style.css:

[HTML] pobierz, plaintext 
  1. body {
  2. background:url(../images/bg.jpg)repeat;
  3. }
  4.  
  5.  
  6. #container{
  7. width:960px;
  8. height:100%;
  9. margin:auto;
  10. position:relative;
  11. margin-top:167px;
  12. }
  13.  
  14. #contenttop {
  15. background:url(../images/contenttopborder.png);
  16. width:910px;
  17. height:14px;
  18. margin-top:25px;
  19. }
  20.  
  21. #contentmiddle {
  22. background:url(../images/contentmiddleborder.png);
  23. width:910px;
  24. height:13px;
  25. }
  26.  
  27. #contentbottom {
  28. background:url(../images/contentbottomborder.png);
  29. width:910px;
  30. height:14px;
  31. }
  32.  
  33. #sluchaj {
  34. background:url(../images/sluchaj.png)repeat-x;
  35. width:260px;
  36. height:26px;
  37. padding-top:10px;
  38. margin-left:590px;
  39. }
  40.  
  41. #wydarzenia {
  42. background:#222222;
  43. width:340px;
  44. height:333px;
  45. margin-left:618px;
  46. display:inline-block;
  47. float:right;
  48. }
  49.  
  50. #slidercontent {
  51. width:958px;
  52. height:333px;
  53. clear:both;
  54. }
[HTML] pobierz, plaintext


Slider.css:
[HTML] pobierz, plaintext 
  1. div.okienko {  
  2.       width:590px;  
  3.       /*height:333px;*/  
  4.       border:Solid 1px #ccc; 
  5. 	-webkit-border-radius:10px;
  6. 	-moz-border-radius:10px;
  7. 	-o-border-radius:10px;
  8. 	float:left;
  9.     }  
  10.     div.okienko IMG {  
  11.       border:0px;  
  12.     }  
  13.     div.nawigacja {  
  14.       background:transparent;  
  15.       color:#fff;  
  16.       display:block;  
  17.       text-align:center;  
  18.     }  
  19.     div.nawigacja a {  
  20.       text-decoration:none;  
  21.       color:#fff;  
  22.       font-family:Tahoma;  
  23.       font-size:10pt;  
  24.       font-weight:bold;  
  25.       padding-left:3px;  
  26.       padding-right:3px;  
  27.     }  
  28.     div.nawigacja a:hover {  
  29.       background:#fff;  
  30.       color:#000;  
  31.     }  
  32.     .red {  
  33.       background:red;  
  34.     }  
[HTML] pobierz, plaintext
~~Eclipse~~
29.08.2011, 17:30:51
odzwiezam
sada
29.08.2011, 17:57:10
Pokaż kod html, do tej pory jeśli nie zauważyłeś kilkakrotnie podałeś CSS.
~~Eclipse~~
29.08.2011, 18:06:58 
[HTML] pobierz, plaintext 
  1. <?php include("./includes/header.html"); ?>
  2.  
  3. <body>
  4. <div id="container">
  5. <div id="menu"><?php include("./includes/menu.html"); ?><div id="sluchaj">Słuchaj nas:<ul><li><a href="winamp"><img src="../images/winamp.png" /></a><img src="../images/winamp.png" /><img src="../images/winamp.png" /></li></ul></div></div>
  6.  <div id="slidercontent">
  7.  <div class="okienko">  
  8.  <a href="http://bassplay.xaa.pl" id="zmienny_link" title="Wejdź na stronę !!" target="_blank"><img style="margin-left:10px;" src="images/1.jpg" alt="" name="zmienny_obrazek"></a>  
  9.   </div><div id="wydarzenia">hjkhjkjhkhjkjhkhjkhjkhjkhjk</div><div class="floatend"></div></div>
  10. <div id="contenttop"></div>
  11. <div id="contentmiddle">
  12. </div>
  13. <div id="contentbottom"></div>
  14.  
  15.  
  16. </div>
  17.  
  18.  
  19.  
  20.  
  21. </body>
  22. </html>
[HTML] pobierz, plaintext
sada
29.08.2011, 18:27:17
jeszcze menu.html
~~Eclipse~~
29.08.2011, 18:33:51 
[HTML] pobierz, plaintext 
  1. <ul>
  2. <li><a href="index.php">HOME</a></li>
  3. <li><a href="http://www.forum.bassplay.xaa.pl">FORUM</a></li>
  4. <li><a href="index.php?id=1">DJ'E</a></li>
  5. <li><a href="index.php?id=2">BLOGI</a></li>
  6. <li><a href="index.php?id=3">TOP10</a></li>
  7. <li><a href="index.php?id=4">KONTAKT</a></li>
  8. </ul>
[HTML] pobierz, plaintext
~~Eclipse~~
29.08.2011, 18:36:44
Zapomnialem dodac. Chodzi tu o slider i wydarzenia biggrin.gif
sada
29.08.2011, 21:27:12
Wydaje mi się , że
[CSS] pobierz, plaintext 
  1. height:auto; 
[CSS] pobierz, plaintext

zamiast
[CSS] pobierz, plaintext 
  1. height:26px; 
[CSS] pobierz, plaintext

w #sluchaj powinno załatwić to co widzę złego czyli włażenie listy do diva
żadnych innych wad nie widzę, ale nie mam twoich obrazków
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.