CSS Центрирование фонового изображения в ИЕ
3 сообщения
#16 лет назад
Госпада! Возникла проблема. Весь гугл обгуглин - ничего не нагуглилось.#contener {
background:url(images/bg22.jpg) top center no-repeat;
height:600px;
}
Ширина картинки 1300px
Во всех браузерах все ок. При сжатии, бэк уходит и влево и вправо. А в ИЕ прижимается к левому краю.
Выручайте!
Посмотреть можно тут - ссылка
756 сообщений
#16 лет назад
Ну вопервых у меня всё в поряде.... (на седьмом ИЕ)ну можеш для болей корректности исправить на
background-repeat : no-repeat; background-position: top center;
3 сообщения
#16 лет назад
Проблема с ИЕ6Цитата:
background-repeat : no-repeat; background-position: top center;- не помогает(
2195 сообщений
#16 лет назад
kot_vaskaСделайте скриншот с шестого IE, чтобы было видно проблему. Сейчас непонятно что вы хотите.
791 сообщение
#16 лет назад
Можно#contener {
height:600px;
width:100%;
position:relative;
overflow:hidden;
}
и внутрь положить пустой div
<div class="anydiv"></div>
.anydiv {
position:absolute;
width:1300px;
height:600px;
background:url(images/bg22.jpg) left top no-repeat;
position:absolute;
left:50%;
margin-left:-650px;
}
86 сообщений
441 сообщение
#16 лет назад
Jamper, вопрос уточните. Машину левее надо разместить или что? И покажите саму страницу, а не скриншот.
327 сообщений
#16 лет назад
Тоже вопрос по CSS и вёрстке. Спрошу здесь, чтоб не создавать пачку тем ради трёх фраз.Подскажите где есть образец верстки дивами двух/трёхколоночной страницы с header и footer с резиновым основным блоком и колонкой(-ами) фиксированной ширины.
С фиксированной шириной нет проблем, с резиновой - сделал, но "некрасивое" на мой взгляд решение. Хочу узнать, как сделать лучше.
2195 сообщений
95 сообщений
#16 лет назад
#container {
position: absolute;
left: 50%;
width: 1000px;
margin-left: -500px; /* половина ширины */
}
Всегда использую и считаю самым нормальным.
1351 сообщение
#16 лет назад
<style>.header{
width:800px;
height:150px;
}
.left{
float:left;
width:200px;
position:static;
clear:both;
}
.center{
width:auto;
position:relative;
}
.footer{
width:800px;
height:150px;
clear:both;
}
</style>
<body>
<div align="center" style="width:800px;">
<div class="header"> // шапка </div>
<div class="left"> // левая колонка меню ? </div>
<div class="center"> // Контент блок </div>
<div class="footer"> // футер </div>
</div>
</body>
параметры width и height естественно изменяемы на ваше личное усмотрение.