Div залез на другой

Carleutto · October 28, 2012

После того как вставил меню в блок, залез на футер, это так отображается в Файрфокс, в Опере все нормально, если же уменьшить высоту блока, то в Файрфокс будет нормально, а в Опере будет разрыв между блоками

Вот HTML страницы с блоками:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

            <title>Основы HTML и CSS</title>

<link rel="stylesheet" type="text/css" href="style.css" />

</head>



<body>



            <div id="container">

                        <div id="header">



                        </div>

 <div id="con">
                        <div id="navigation">

<p>
</p>

                        </div>



                        <div id="menu">

<p>
<link rel="stylesheet" href="styles.css" type="text/css" />
<ul id="menu">
	<li><a href="http://menu.ihtut.net/"><span>Главная</span></a></li>
	<li><a href="http://menu.ihtut.net/"><span>Поиск</span></a></li>
	<li><a href="http://menu.ihtut.net/"><span>Регистрация</span></a></li>
	<li><a href="http://menu.ihtut.net/"><span>Карта сайта</span></a></li>
	<li><a href="http://menu.ihtut.net/"><span>О сайте</span></a></li>
</ul>
</p>

                        </div>

                        <div id="navigation">
                        </div>

                        <div id="content">


                        </div>



                        <div id="clear">



                        </div>



                        <div id="footer">Подвал сайта



                        </div>

            </div>



</body>

</html>

А вот CSS меню:

ul#menu {list-style-type:none; margin:0; padding:0;}

ul#menu li a{
	color:#909090; /* цвет букв в обычном состоянии */
	background: url(images/vert_menu.png) no-repeat 0 0; /* путь к изображению */
	text-decoration:none; 
	width: 200px;
	height: 55px;
	display:block;
	border:none;
	text-shadow: #ddd 2px 2px 0; /* цвет тени у букв в обычном состоянии */	
}

ul#menu li a:hover{
	background-position: 50% 100%;
	width: 200px;
	height: 55px;
	display:block;
	color:#fff; /* цвет букв в активном состоянии */
	text-shadow: #1185EE 2px 2px 0;	/* цвет тени у букв в активном состоянии */
}

ul#menu li a span{
	font-family:sans-serif; /* Шрифт букв */
	font-size:18px; /* размер букв */
	padding:17px 0 0 20px;
	display:block;	
}

Sign In

Div залез на другой

Question

Carleutto

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information