Кусок меню отваливается в IE

junglecity · May 8, 2008

Посмотрите http://junglecity.ru/newshop/

В опере и мозилле все в порядке.

ИЕ видимо по своему трактует width самого меню. Поэтому все выходит больше 850px.

Как с этим бороться?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>index</title>
<style type="text/css">
BODY
{
 text-align: center;
 margin-top: 20px;
}

#page
{
 width: 850px;
 margin-right: auto;
 margin-left: auto;

}

#logo
{
 text-align:left;
 margin-bottom: 20px;
}


#punkt
{
 width: 834px;
 height: 41px;
 background: #009900;
 line-height:41px;
}

#punkt ul
{

 display: inline;
}

#punkt ul li
{
 padding: 3px 20px;
 border-left: 1px solid #FFF;
 list-style: none;
 display: inline;
}

#punkt ul li A
{
 font-family: Arial;
 text-decoration: none;
 color: #FFFFFF;
 font-size: 14pt;
}


.left
{
 float:left;
}


#punkt ul li.first
{
 border-left: none;
}



</style>

</head>

<body>
<div id="page">
	<div id="logo">
		<img src="theme/logo.png">
	</div>

	<div class="left">
		<img src="theme/left.png">
	</div>

	<div id="punkt" class="left">
	<ul>
		<li class="first"><a href="about.php">О нас</a></li>
		<li><a href="about.php">Контакты</a></li>
		<li><a href="about.php">Доставка</a></li>
		<li><a href="about.php">FAQ</a></li>
		<li><a href="about.php">Корзина</a></li>
		<li><a href="about.php">Вход/Регистрация</a></li>
	</ul>
	</div>
	<div>
		<img src="theme/right.png">
	</div>



</div>
</body>
</html>

Aventurier · May 28, 2008

Раз сказал "а", говори и "б":

<!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=windows-1251">
<title>index</title>
<style type="text/css">
BODY
{
 text-align: center;
 margin-top: 20px;
}

#page
{
 width: 850px;
 margin-right: auto;
 margin-left: auto;

}

#logo
{
 text-align:left;
 margin-bottom: 20px;
}


#punkt
{
 width: 834px;
 height: 41px;
 background: #009900;
 line-height:41px;
}

#punkt ul
{

 display: inline;
}

#punkt ul li
{
 padding: 3px 20px;
 border-left: 1px solid #FFF;
 list-style: none;
 display: inline;
}

#punkt ul li A
{
 font-family: Arial;
 text-decoration: none;
 color: #FFFFFF;
 font-size: 14pt;
}


.left
{
 float:left;
}


#punkt ul li.first
{
 border-left: none;
}



</style>

</head>

<body>
<div id="page">
	<div id="logo">
		<img src="theme/logo.png">
	</div>

	<div class="left">
		<img src="theme/left.png">
	</div>

	<div id="punkt" class="left">
	<ul>
		<li class="first"><a href="about.php">О нас</a></li>
		<li><a href="about.php">Контакты</a></li>
		<li><a href="about.php">Доставка</a></li>
		<li><a href="about.php">FAQ</a></li>
		<li><a href="about.php">Корзина</a></li>
		<li><a href="about.php">Вход/Регистрация</a></li>
	</ul>
	</div>
	<div class="left">
		<img src="theme/right.png">
	</div>



</div>
</body>
</html>

Вопрос решен.

Sign In

Кусок меню отваливается в IE

Question

junglecity

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Aventurier

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information