проблема с настройками в css

@Денис0820 · Регистрация: 08.01.2012

Author24 — интернет-сервис помощи студентам

Кто сможет помочь? при раскрытии всех пунктов меню, оно накладывается на нижнюю часть страницы...или подвал сайта(footer)...все методы перепробовал...как можно исправить?

@progsenya · 10.01.2012, 22:16

покажи код

@Денис0820 · 10.01.2012, 22:22 **[ТС]**

CSS

* {  margin:0; padding:0; }
 
html { height:100%; }
 
body
{
   font-family:Tahoma, Geneva, sans-serif;
   height:auto !important;
   height:100%;
   min-height:100%;
   width:100%;
  /* position:relative;*/
  /*overflow:auto;*/
}
 
#container1
{
   /*height:auto !important;*/
   min-height:984px;
   width: 98%;
   margin:auto;
}
 
#menu
{
   float:left;
   height:310px; 
   width: 35%;
   /*position:absolute;*/ 
}
 
#content
{
   float: right;
   height:774px;
   width: 67%;
   margin-top: 100px;
   margin-bottom:5px;
   margin-right:5px;
}
 
#iframe
{
   width: 100%;
   height:auto !important;
   min-height: 100%;
   height: 100%;
  /* position:relative;*/
}
 
#clear { clear:both;}
 
#footer
{
   bottom: 0px;
   width: 100%;
   height:40px;
   background:-moz-linear-gradient(bottom, #596a63, #829a90);
   background:-web-kit-gradient(linear, left bottom, left top, from(#596a63), to(#829a90));
   color: #ffffff;
   font-size: 12px;
   text-align:center;
   padding-top:15px;
}

Добавлено через 50 секунд

HTML5

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Добро пожаловать - Калужский технологический колледж</title>
 
      <link rel="stylesheet" href="css/main.css" />
      <link rel="stylesheet" href="css/menu_horizontal.css" />
      <link rel="stylesheet" href="css/menu_vertical.css" />
 
      <script type="text/javascript">
                    function openMenu(node){
                       var subMenu = node.parentNode.getElementsByTagName("ul")[0];
                       subMenu.style.display == "none" ? subMenu.style.display = "block" : subMenu.style.display = "none";
                      }             
           </script>
           
           <script type="text/javascript"> 
                    function allClose(){
                       var list = document.getElementById("vertical").getElementsByTagName("ul");
                       for(var i=0;i<list.length;i++)
                       {
                          list[i].style.display = "none";
                       }
                   }          
           </script>
            
</head>
 
<body onload="allClose()">
      <a name="top"> </a>
      <div id="container1">
          <div id="navigation">
             <ul>
               <li class="name">  Калужский технологический колледж  </li>
               <li class="headerList-h" id="nav-span">  <a href="#top"> Главная </a> </li>
               
               <li class="headerList-h"> <span> <a href="html/history.html">История колледжа </a> </span> </li>
               
               <li class="headerList-h"> <span> <a href="#"> Абитурент </a> </span>
                   <ul>
                        <li> <a href="html/abiturent.html">Приём абитурентов </a> </li>
                        <li> <a href="html/time-to-study"> Сроки обучения </a> </li>
                   </ul>    
               </li>
               
               <li class="headerList-h"> <span> <a href="#"> Конференции </a> </span> </li>
               
               <li> <span> <a href="#"> Контакты </a> </span>
                    <ul>
                         <li> <a href="#"> Наши контакты </a> </li>
                         <li> <a href="#"> Схема проезда </a> </li>  
                    </ul> 
               </li>
             </ul>
         </div>
           
         <div id="menu"> 
            <ul id="vertical">
                <li> <a href="#" onclick="openMenu(this); return false"> Нормативные документы и лицензии </a>
                   <ul>
                        <li> <a href="html/license.html"> Лицензия </a> </li>
                        <li> <a href="html/add_application_new.html"> Приложение к лицензии </a> </li>
                        <li> <a href="docs/KD.html"> Коллективный договор </a> </li>
                        <li> <a href="docs/add-change-kd.html"> Изменения и дополнения в КД </a> </li>
                        <li> <a href="docs/rules.html"> Устав  </a> </li>
                        <li> <a href="docs/change-of-rules.html"> Изменения в устав </a> </li>
                   </ul>
               </li>
               
                <li> Структура образовательного учреждения </li>
                <li> Образовательные программы </li>
                <li><a href="faculty.html" onclick="openMenu(this); return false"> Факультеты </a>
                    <ul>
                        <li> <a href="html/bread-tech.html" target="_blank"> Технология хлеба </a> </li>
                        <li> <a href="html/al-tech.html">  Технология бродильного производства </a> </li>
                        <li> <a href="html/doc.html">      Документационное обеспечение </a> </li>
                        <li> <a href="html/economic.html"> Экономика и бухгалтерский учёт </a> </li>
                    </ul> 
                </li>
                <li> <a href="scientific-method.html" onclick="openMenu(this); return false"> Научно - методическая работа </a>
                     <ul>
                          <li> <a href="html/methodic-soviet-problems.html"> Задачи методического совета </a> </li>
                          <li> <a href="html/system-methodic-sopr.html"> Системы методического сопровождения </a> </li>
                          <li> <a href="html/himn.html"> Гимн методического совета КТК </a> </li>
                     </ul>
                </li>
                <li> Персональный состав педагогических работников </li>
                <li> Материально-техническое обеспечение </li>
                <li> Студенческая жизнь </li>
                <li> Служба трудоустройства выпускников </li>
           </ul>
         </div> 
         
         <div id="content">
                    <!--<iframe src="default.html" id="iframe" name="window" frameborder="0"> </iframe>-->
         </div>  
         
         <div id="clear">
         </div>
         * 
         <div id="footer">
                карта сайта       
         </div>
         
    </div>
     
</body>
</html>

Добавлено через 2 минуты
проблема состоит в том, что когда раскрываю полностью вертикальное меню (div id=vertical), то оно накладывается на footer

@warnet99 · 12.01.2012, 12:07

Во-первых, если код для вставки в тему кода.
Во-вторых,

HTML5

1
2
3

<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" href="css/menu_horizontal.css" />
<link rel="stylesheet" href="css/menu_vertical.css" />

У тебя 3 файла.. Это какой??

@Денис0820 · 12.01.2012, 23:46 **[ТС]**

кажется решил проблему...ВСЕМ СПАСИБО!

@Денис0820 0 / 0 / 0 Регистрация: 08.01.2012 Сообщений: 62
		1
	проблема с настройками в css 10.01.2012, 21:35. Показов 918. Ответов 4 Метки нет (Все метки) Кто сможет помочь? при раскрытии всех пунктов меню, оно накладывается на нижнюю часть страницы...или подвал сайта(footer)...все методы перепробовал...как можно исправить? 0

@progsenya 0 / 0 / 0 Регистрация: 27.04.2011 Сообщений: 16
	10.01.2012, 22:16	2
	покажи код 0

@Денис0820 0 / 0 / 0 Регистрация: 08.01.2012 Сообщений: 62
	12.01.2012, 23:46 [ТС]	5
	кажется решил проблему...ВСЕМ СПАСИБО! 0