проблемы с IE и CSS

Александръ · February 28, 2008

Почему Opera отображает эту страницу нормально, а IE нет. В главном слое появляется какая-то линия, меню кособокое, при наведении мышкой на меню появляется белая полоса. Как это можно исправить.

<HTML>
<HEAD>
 <TITLE> Вс? об аквариумах и аквариумных рыбках. </TITLE>
 <link rel="stylesheet" type="text/css" href="my.css">
</HEAD>
<BODY>
<div id="page-all">
 <div id="toplayer">
 <img src=left_title.gif width=240 height=185 id=left>
 <img src=right_title.jpg width=240 height=185 id=right>
 <p align=center>Вс? об аквариумах и аквариумных рыбках</p>
 </div>
 <div class=menu>
 <div><a href="index.html">Главная</a></div>
 <div><a href="fishes.html">Каких рыбок выбирать</a></div>
 <div><a href="plants.html">Как выбирать растения</a></div>
 <div><a href="public.html">10 наивных вопросов начинающего аквариумиста</a></div>
 <div><a href="bank.html">Ваш аквариум</a></div>
 <div><a href="ground.html">Почвы</a></div>
 <div><a href="light.html">Свет и тепло</a></div>
 <div><a href="food.html">Кормление</a></div>
 </div>
 <div id="content">
 <H1>Главная</H1>
 <p> Однажды увиденная красота подводного мира, сосредоточенная в скромном объеме домашнего аквариума, наверняка надолго останется у вас в памяти. Нигде вы не сможете наблюдать жизнь рыб, улиток, черепах и растений так наглядно, как в аквариуме. Возможность создавать свой микромир и постоянно быть свидетелем всего происходящего в нем заставляет миллионы людей по всему миру заниматься аквариумистикой, и для многих она становится столь большой частью жизни, что уже перестает быть просто увлечение, и перерастает в нечто большее - дело всей жизни. </p>
 <p> В продаже имеется очень много всемозможных тропических рыб и растений, наиболее подходящих для аквариума. Необходимое оборудование делается на очень высоком техническом уровне и относительно дешево. Все это позволяет добиться того, что подводный мир, изначально враждебный человеку, открывается перед нами во всей красоте, доступной до сих пор только водолазам и ныряльщикам. </p> 
 <p> Мне хочется поделиться с вами той радостью, которую испытываешь, наблюдая за миром, который практически создан собственными руками. Если же вы уже сделали некоторые шаги на пути к этому, и у вас есть опыт в обращении с аквариумными принадлежностями и рыбками, я расскажу о том, как можно ухаживать за ними наилучшим образои, создавая для них условия существования, максимально приближенные к природным, и при этом без особых затрат. </p>
 </div>
</div> 

<div id="bottom">
<p align=center font-size:50%> Моя домашняя страница </p>
<p align=center> 2008 г. </p>
</div>

</BODY>
</HTML>

BODY { margin: 0 px; height: 100%; padding:0 }
H1 {
 margin-top: -5px;
 font-family: 'Monotype Corsiva', Verdana,Arial, sana-serif;
 font-size: 50 px;
 color: yellow 
} 

#page-all {min-height: 100%; margin-bottom:-30px}
* html #page-all {height: 100%}

#toplayer {
 background: #3366cc; 
 height: 185px; 
 font-family: 'Monotype Corsiva', Verdana,Arial, sana-serif;
 font-size: 50px; 
 font-weight: bold;
 color: yellow; 
 margin-bottom: 10px; 
 A {text-decoration: none}
}

#left {
 float: left;
 margin-left: -3px
}

#right {
 float: right;
 margin-right: -3px
}

 A:link {color: yellow}
 A:active {color: red}
 A:visited {color: yellow}
 A:hover {color: red}

.menu {
 width: 100px;
 float: left;
}

.menu A {
 display: block;
 width: 100px;
 padding: 5px;
 border-left: 10px solid #13649e;
 border-bottom: 1px solid silver;
 background: #74a18e;
 color: white;
 text-decoration: none;
} 

 .menu A:hover {
 border-left-color: orange;
 background: #a18e74;
 color: #ffffcc
}

#content {
 background: green;
 border: solid 1px black;
 margin-left: 125 px;
 margin-bottom: 15 px;
 font-size: 20px;
 padding: 5px;
} 

#bottom {
 height: 15px;
 background: blue;
 border: solid 1px black;
 font-size: 50%;
 padding: 3px;
 clear: both;
} 

#content P {
 font-size: 90%;
 text-align: justify;
 padding: 0px;
 margin: 0px;
 margin-bottom: 10px
}
 P {text-indent: 20px}

Scrum · February 28, 2008

для начала ставим доктайп

quot;-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

и дальше правим верстку.

Sign In

проблемы с IE и CSS

Question

Александръ

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Scrum

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information