Задача следующего характера: в окне браузера должен быть виден блок (пусть он будет залит синим цветом). Расстояние от левой границы окна до левой границы блока должна быть равна расстоянию от левой границы окна до левой границы блока, ширина которого 1000px, и который находится посередине. Для наглядности иллюстрация:
[attachment=7449:attachment]
Ниже попытка решения, которая работает для нормальных браузеров. IE, как всегда, не желает это глотать. Увы, так нормального решения для IE и не было найдено. Возможно, кто-то с чем-то подобным сталкивался. Или же кто-то видел где-то похожее решение. Помогите, пожалуйста. Попытка решения:
Код:
<html>
<head>
<style>
body {
****margin: 0px;
****padding: 0px;
}
div {
****height: 200px;
}
#main {
****background: #cce6ff;
****text-align: center;
****overflow: hidden;
****min-width: 1000px;
}
#centered {
****background: #7fbfff;
****margin: auto;
****width: 1000px;
****text-align: left;
}
#hover {
****background: blue;
****width: 10000px;
****margin: 0px;
}
</style>
</head>
<body>
<div id="main">
****<div id="centered"><div id="hover">
****</div></div>
</div>
</body>
</html>