Я бился головой о том, что MSIE8 не перекрывает плавающий div, как webkit mozilla.Я надеюсь, что вы, ребята, можете помочь мне с этим.
У меня есть следующий код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="style" href="style.css" type="text/css" />
</head>
<body style="margin: 0px; background: #3b0404;">
<div align="center">
<div id="top" style="height: 100px; background: yellow; width: 100%;max-height: 100px; ">
<div style="overflow: visible; width: 800px; height: 100px; max-height: 100px; background: aquamarine;">
<div id="logo" style="float: left; margin-left: -3px; width: 203px; height: 201px; background: pink; overflow: visible;"></div>
<div id="menu" style="float: right; width: 595px; height: 100px; background: blue;"></div>
</div>
</div>
<div id="content" style="width: 800px; margin-left: auto; margin-right: auto;">
<div style="background: purple; height: 215px;"></div>
<div style="background: green; height: 350px;"></div>
</div>
<div id="bottom"></div>
</div>
</body>
</html>
Мне нужен розовый div, чтобы перекрывать фиолетовый при сохранении размеров, однако MSIE8 сохраняетразворачивание содержащихся в них элементов div так, чтобы оно сбрасывало все вместо желаемого поведения.
Я надеюсь, что мой вопрос ясен, я не знаю, делаю ли я что-то не так, и должен использовать другой подход.
Спасибоза вашу помощь !!