Элемент #extrabottom (<div id="extrabottom">
в IE воспринимается как ожидаемо, т.е. его содержание появляется внизу страницы под контентом. Так что код типа
#extrabottom { width: 740px; height: 200px; background: url("/userdir/3/9/6/7/396765/15642646.jpg") no-repeat; }
отображает внизу страниц дневника такую-то картинку.
А вот в Опере и FF он отображается не там, где нужно - а "сползает" на самый верх и принимает то же положение, что и #postsArea, соответственно перекрываясь им.
читать дальше
Решение:
#extrabottom { float: left; }
Сползающую ширину блока можно поправить
#extrabottom { width:740px;//width:750px; }
/* 750px - в IE, 740px - в остальных */
в IE воспринимается как ожидаемо, т.е. его содержание появляется внизу страницы под контентом. Так что код типа#extrabottom { width: 740px; height: 200px; background: url("/userdir/3/9/6/7/396765/15642646.jpg") no-repeat; }
отображает внизу страниц дневника такую-то картинку.
А вот в Опере и FF он отображается не там, где нужно - а "сползает" на самый верх и принимает то же положение, что и #postsArea, соответственно перекрываясь им.
читать дальше
Решение:
#extrabottom { float: left; }
Сползающую ширину блока можно поправить
#extrabottom { width:740px;//width:750px; }
/* 750px - в IE, 740px - в остальных */
