Chris
Well-Known Member
- Регистрация
- 23.04.2012
- Сообщения
- 68
<html>
<body>
<div id="wrapper">
<div id="main">
<div id="header">
</div>
<div id="content">
<div id="left">
<div id="slide">
</div>
<div id="box">
<div id="first" class="profile">
</div>
<div class="profile">
</div>
<div class="profile">
</div>
</div>
</div>
<div id="right">
</div>
</div>
<div id="bg"></div>
<div id="footer"></div>
</div>
</div>
</body>
</html>
Задача заключается в следующем:
Нужно #bg (в нем находится фон) поднять на #content.
Что я делал:
- Прописывал position:relative; top:-150px - для #bg. Position:relative; bottom:-150px - для #content. Работает #bg залезает на #content. Но тут же появляется проблема, если я для #bg задаю эти 150px появляются между #bg и футером. А если для #content, то между #header и #content.
- Прописывал position:absolute; top:700px; Сработало отлично для оперы, не одной проблемы зато в Хроме, Фаерфокс и сафари основной фон не полностью отображался, я для #footer задал margin:150px; Сработало фон был до самого низа, но в опере же (в остальных тоже правда в разы меньше) появились эти 150px.
Слева снимок с хрома, справа с оперы - это при использовании absolute. Помогите решить
<body>
<div id="wrapper">
<div id="main">
<div id="header">
</div>
<div id="content">
<div id="left">
<div id="slide">
</div>
<div id="box">
<div id="first" class="profile">
</div>
<div class="profile">
</div>
<div class="profile">
</div>
</div>
</div>
<div id="right">
</div>
</div>
<div id="bg"></div>
<div id="footer"></div>
</div>
</div>
</body>
</html>
Задача заключается в следующем:
Нужно #bg (в нем находится фон) поднять на #content.
Что я делал:
- Прописывал position:relative; top:-150px - для #bg. Position:relative; bottom:-150px - для #content. Работает #bg залезает на #content. Но тут же появляется проблема, если я для #bg задаю эти 150px появляются между #bg и футером. А если для #content, то между #header и #content.
- Прописывал position:absolute; top:700px; Сработало отлично для оперы, не одной проблемы зато в Хроме, Фаерфокс и сафари основной фон не полностью отображался, я для #footer задал margin:150px; Сработало фон был до самого низа, но в опере же (в остальных тоже правда в разы меньше) появились эти 150px.
Слева снимок с хрома, справа с оперы - это при использовании absolute. Помогите решить
