Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: wysokość diva a ul li
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
sonicpb
zrobiłem liste która imituje menu, niestety div, w ktorym to menu sie znajduje zwieksza swoja wysokość, nie wiem dlaczego, dodam ze uzywam skryptu nifty do zaokraglania rogow
link do strony: KLIK

tak wyglada css:
  1. body{
  2. padding: 20px;
  3. background: #BFDDED;
  4. color: #222;
  5. text-align: center;
  6. font: 85% "Trebuchet MS",Arial,sans-serif;
  7. }
  8.  
  9. h1,h2,p{
  10. margin: 0;
  11. padding: 0 10px;
  12. font-weight:normal;
  13. }
  14.  
  15. p{
  16. padding: 0 10px 15px;
  17. }
  18.  
  19. h1{
  20. font-size: 250%;
  21. color: #FFF;
  22. letter-spacing: 1px;
  23. }
  24.  
  25. h2{
  26. font-size: 200%;
  27. line-height:1;
  28. color:#002455;
  29. }
  30.  
  31. div#container{
  32. width:450px !important;
  33. width /**/:460px;
  34. margin: 0 auto;
  35. padding:5px;
  36. text-align:left;
  37. background: #BFDDED;
  38. }
  39.  
  40. div#header{
  41. background: #009CED;
  42. padding: 10px;
  43. text-align:center;
  44. }
  45.  
  46. div#content{
  47. float:left;
  48. width:450px;
  49. padding:10px 0;
  50. margin:5px 0;
  51. background: #FFFFFF;
  52. }
  53.  
  54. div#content h2{
  55. font-size: 120%;
  56. color: #9E4A24;
  57. }
  58.  
  59. div#footer{
  60. clear:both;
  61. width:450px;
  62. background: #C4E786;
  63. padding:5px 0;
  64. text-align:center;
  65. }
  66.  
  67. ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
  68. ul#nav li{float:left;margin-right: 3px;text-align: center}
  69. ul#nav a{float:left;width: 100px;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #666}
  70. ul#nav a:hover{background: #FFA826;color: #FFFFFF}
  71. ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFFFFF;color: #000000}

a tak fragment htmla:
  1. <div id="container">
  2. <div id="header">
  3. <ul id="nav">
  4. <li class="activelink"><a href="#">Strona główna</a></li>
  5. <li><a href="#">Zamiast CV</a></li>
  6. <li><a href="#">Kontakt</a></li>
  7. <li><a href="#">Linki</a></li>
  8. </ul>
  9.  
  10. </div>
  11. <div id="content">
  12. <h2>Tytul</h2>
  13. <p>cos</p>
  14. </div>
  15. <div id="footer">copyright Š 2009</div>
  16. </div>
  17. </body>
  18. </html>
zelu
Wydłuża się bo tak powinien robić. Nie ustaliłeś dla niego wartości height.
Gryf
to teraz już wiesz
zelu
Albo i tak biggrin.gif Nie spojrzałem na stronkę tylko na kod, który kolega wkleił smile.gif Mój błąd

pozdro
sonicpb
gdy ustawie wysokosc diva na 38 to wtedy dolne rogi header nie sa okragle...
mozecie teraz sprawdzic linka
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.