Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Div nie pod div'em
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
JamalBIG
Witam

Moglbym prosic o pomoc w przesunieciu div'a pod glowny z 'menu'? Ponizej przedstawiam kod:

  1. <style type="text/css">
  2.  
  3. #user_main_menu {
  4. height:31px;
  5. font-size:12px;
  6. font-weight:bold;
  7. font-family:Arial, Helvetica, sans-serif;
  8. }
  9.  
  10. #user_main_menu .left_side {
  11. float:left;
  12. width:6px;
  13. height:31px;
  14. background:url(G:/Serv/www/aukcje/themes/default/images/user_menu_bg_l.png) no-repeat;
  15. }
  16.  
  17. #user_main_menu .center_side {
  18. float:left;
  19. height:31px;
  20. padding:7px;
  21. background:url(G:/Serv/www/aukcje/themes/default/images/user_menu_bg_c.png) repeat-x;
  22. }
  23.  
  24. #user_main_menu .right_side {
  25. float:left;
  26. width:6px;
  27. height:31px;
  28. background:url(G:/Serv/www/aukcje/themes/default/images/user_menu_bg_r.png) no-repeat;
  29. }
  30.  
  31. #user_main_menu .spacer {
  32. float:left;
  33. padding:5px;
  34. }
  35.  
  36. #user_main_menu_2 {
  37. height:31px;
  38. font-size:12px;
  39. font-weight:bold;
  40. font-family:Arial, Helvetica, sans-serif;
  41. border:1px solid #85D521;
  42. }
  43.  
  44. #user_main_menu_2 .center_side {
  45. float:left;
  46. height:31px;
  47. padding:5px;
  48. }
  49.  
  50.  
  51. <div id="user_main_menu">
  52. <div class="left_side"></div>
  53. <div class="center_side">Menu 1</div>
  54. <div class="right_side"></div>
  55. <div class="spacer"></div>
  56. <div class="left_side"></div>
  57. <div class="center_side">Menu 2</div>
  58. <div class="right_side"></div>
  59. <div class="spacer"></div>
  60. <div class="left_side"></div>
  61. <div class="center_side">Menu 3</div>
  62. <div class="right_side"></div>
  63. <div class="spacer"></div>
  64. <div class="left_side"></div>
  65. <div class="center_side">Menu 4</div>
  66. <div class="right_side"></div>
  67. <div class="spacer"></div>
  68. <div class="left_side"></div>
  69. <div class="center_side">Menu 5</div>
  70. <div class="right_side"></div>
  71. <div class="spacer"></div>
  72. <div class="left_side"></div>
  73. <div class="center_side">Menu 6</div>
  74. <div class="right_side"></div>
  75. <div class="spacer"></div>
  76. </div>
  77. <div id="user_main_menu_2">
  78. <div class="center_side">Podmenu 1</div>
  79. <div class="center_side">Podmenu 2</div>
  80. <div class="center_side">Podmenu 3</div>
  81. <div class="center_side">Podmenu 4</div>
  82. </div>


Z gory dzieki za pomoc
Pozdrawiam
darophp
Napisz jaśniej, bo nic nie rozumiem z Twojej wypowiedzi
JamalBIG
Div 'user_main_menu_2' nie wyswietla mi sie pod div'em user_main_menu tylko na jego koncu (pod IE jest ok ale inne przegladarki wyswietlaja obok)
Blame
Prosimy o przykład na żywo. Tak strasznie głupio się pracuje winksmiley.jpg
JamalBIG
Prosze - link do przykladu: http://wsc.netserwer.pl/menu.htm
Blame
Wystarczy, że user_main_menu_2 będzie miał zdeklarowaną mniejszą szerokość, przynajmniej 520px winksmiley.jpg
mls
Będzie nie do końca w temacie, ale... istny divitis widzę. Jakby inne tagi nie istniały...
icetique
Poczytaj:

http://kurs.browsehappy.pl/CSS/Float
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.