Куда-то уползает меню...

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем Cbrsnoop, 26.04.2010.

  1. Offline

    Cbrsnoop Недавно здесь

    Регистрация:
    17.04.2010
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    Не могу найти в чем проблема—модуль меню (пробовал 2 варианта модуля, на картинке встроенный), уползают куда-то в сторону...
    [​IMG]
    При этом на уровне CSS не делал никаких изменений (это мой первый шаблон).

    Но если посмотреть (например в CSSEdit) расположение контейнера меню, то увидим такое:
    [​IMG]

    Содержимое контейнеров:
    [​IMG]

    Если ставлю шаблон rhuk_milkyway, то меню ставится на правильное место...

    На всякий случай:
    index.php
    Код (PHP):
    1. <div id="menu">
    2.                 <jdoc:include type="modules" name="my_menu" style="rounded"/>
    3.         </div>


    template.css:
    Код (CODE):
    1. /* @override http://cbrsnoop.site11.com/templates/FBook_templ/css/template.css */
    2.  
    3. h1 {
    4.     font-size: 24pt;
    5.     color: #5A8DFF;
    6.    
    7.     font-weight: bold;
    8.     font-style: italic;
    9.     font-family: Georgia, "Times New Roman", Times, serif;
    10.     text-shadow: black 0 1px 0;
    11.     background-color: ;
    12. }
    13.  
    14. h2 {
    15.     font-size: 16pt;
    16.     color: #5A8DFF;
    17.     font-weight: bold;
    18.     font-style: italic;
    19.     font-family: Georgia, "Times New Roman", Times, serif;
    20.     text-shadow: black 0 1px 0;
    21. }
    22.  
    23. h3 {
    24.     font-size: 13pt;
    25.     color: #5A8DFF;
    26.     font-weight: bold;
    27.     font-style: italic;
    28.     font-family: Georgia, "Times New Roman", Times, serif;
    29.     text-shadow: #1a1a1a 0px 1px 0;
    30. }
    31.  
    32. .module {
    33.     border-bottom: 1px dotted gray;
    34. }
    35.  
    36. .jwts_tabberlive .jwts_tabbertab
    37. {
    38.     background-color: white;
    39. }
    40.  
    41. /*+clearfix {*/
    42.  
    43. #content:after
    44. {
    45.     content: ".";
    46.     display: block;
    47.     height: 0;
    48.     clear: both;
    49.     visibility: hidden;
    50.     font-size: 0;
    51. }
    52. #content
    53. {
    54.     display: inline-block;
    55. }
    56. #content
    57. {
    58. /*\*/
    59.     display: block;
    60. /**/
    61.     _height: 1px;
    62. }
    63. /*+}*/
    64. BODY
    65. {
    66.     background-color: #F4F4F4;
    67.     text-align: left;
    68.     font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
    69. }
    70. #main
    71. {
    72.     margin: 0 auto;
    73.     padding: 0px;
    74. /*background-color:#CCC;*/
    75.     width: 950px;
    76.     /*[disabled]background:url(../image/Fotobook_fon.png) repeat-y;*/
    77. }
    78. #top
    79. {
    80.     margin: 0px;
    81.     padding: 0px;
    82. /*background-color:#9C0;
    83. width:950px;
    84. height:300px;
    85. /*border:medium;
    86. border-color:#003;
    87. border-bottom-style:solid;*/
    88. }
    89. #top_left
    90. {
    91.     margin: 0px;
    92.     padding: 0px;
    93.     /*background-color: #0CF;
    94. width:600px;
    95. height:200px;*/
    96.     float: left;
    97. /*border:medium;
    98. border-color:#003;
    99. border-bottom-style:solid;*/
    100. }
    101. #top_logo
    102. {
    103.     margin: 0px;
    104.     padding: 0px;
    105.     margin-left: 800px;
    106.     margin-bottom: -9px;
    107.     background: url(../image/Fotobook_logo.png) no-repeat;
    108.     width: 132px;
    109.     height: 77px;
    110. }
    111.  
    112. /*[clearfix]*/
    113.  
    114. #menu
    115. {
    116.     margin: 0px;
    117.     padding: 0px;
    118.     margin-left: -20px;
    119.     margin-bottom: -4px;
    120.     background: url(../image/Fotobook_menu.png) no-repeat;
    121.     width: 984px;
    122.     height: 46px;
    123. }
    124.  
    125. #content
    126. {
    127.     margin: 0px 0px 0px -21px;
    128.     width: 986px;
    129.     padding-right: 0px;
    130.     padding-top: 0px;
    131.     padding-bottom: 0px;
    132.     /*background-color: gray;*/
    133.     background: url(../image/Fotobook_fon.png) repeat-y;
    134. }
    135.  
    136. #flash_bann
    137. {
    138.     margin: 0px 0px 0px 20px;
    139.     padding: 0px;
    140.     width: 950px;
    141.    
    142. }
    143.  
    144. #left_col
    145. {
    146.     margin: 0px 0px 0px 25px;
    147.     width: 620px;
    148.     float: left;
    149.     padding-right: 0px;
    150.     padding-top: 0px;
    151.     padding-bottom: 0px;
    152. }
    153. #right_col
    154. {
    155.     margin: 0px;
    156.     padding: 0px;
    157. /*background-color:#d8d8d8;*/
    158.     width: 310px;
    159.    
    160. /*height:300px;*/
    161.     margin-left: 655px;
    162. }
    163. #bottom
    164. {
    165.     clear: both;
    166.     margin: 0px 0px 0px 20px;
    167.     padding: 0px;
    168.     background-color: #333333;
    169.     width: 950px;
    170.     min-height: 150px;
    171. }

    Поделитесь пож идеями с начинающим...
     
  2.  
  3. Offline

    Cbrsnoop Недавно здесь

    Регистрация:
    17.04.2010
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    Случайно заметил, что если в CSS-файле вначале поставить «#» перед «h1», то поправляется меню, но слетает «h1»...
     

Поделиться этой страницей

Загрузка...