| |
|
|
| | Имеются три div, находящихся рядом друг с другом, фиксированных размеров.
<div id="left"></div> - там находится менюшка
<div id="center"></div> - там находится собственно всё "наполнение" сайта
<div id="right"></div> - там находится картинка, одна линия
Вот что прописано в CSS-файле:
div#left{
background: url(menu.jpg) no-repeat;
width: 238px;
height: 557px;
float: left;
}
div#right{
background: url(right.jpg) no-repeat;
width: 25px;
height: 557px;
float: right;
}
div#center{
background: url(text.jpg) no-repeat fixed;
width: 737px;
height: 557px;
overflow: auto;
margin: 0px 0px 0px 238px;
}
|
В итоге при просмотре в Opera всё просто замечательно. А вот в IE центральный div почему-то "не помещается" между левым и правым и размещается ниже. Это хорошо заметно на скриншотах (первый - Opera, второй - IE):
http://www.cimeries.com/temp2/scr01-big.jpg
http://www.cimeries.com/temp2/scr02-big.jpg
Посему задаю такой вопрос... Как сделать, чтобы в IE было всё нормально?
P.S. Непосредственно ссылка на эту страничку - http://www.cimeries.com/test/ | |
| |
|
|
| |
|
|
| |
для: Cimeries
(02.09.2007 в 12:15)
| | | мне в таких случаях помогал | |
| |
|
|
| |
|
|
| |
для: Cimeries
(02.09.2007 в 12:15)
| | | Перепишите код следующим образом:
HTML:
<div id="left"></div>
<div id="right"></div>
<div id="center"></div>
|
а для CSS измените только для div#center:
margin: 0px 0px 0px 238px;
|
на
margin: 0px 25px 0px 238px;
|
| |
| |
|
|
