Xpoint
   [напомнить пароль]

резиновый фон в блоке "div"

Метки: [без меток]
2010-02-22 02:26:50 [обр] николай[досье]
как сделать, чтобы фоновая картинка в блоке "div" растягивалась по всей площади блока несмотря на собственный размер картинки? В css у меня не получается, а в html вот этот код почему то не работает:
<div background="picture.gif" height 100% weight:100%>
спустя 15 часов [обр] Николай Комиссаров aka Survivor(0/81)[досье]

background-size будет только в css3. хотя сейчас для некоторых браузеров есть возможнось добиться желаемого, но кроссбраузерным решеним будет <img ...

вот так это делается для Opera >9, Safari >3, Konqueror, последний FF.
-o-background-size, -webkit-background-size and -khtml-background-size, -moz-background-size.
с версиями мог немного ошибиться.

спустя 6 часов [обр] николай[досье]
значит никак нельзя этот эффект реализовать? Значит не до конца css продуман.
спустя 1 час 7 минут [обр] Николай Комиссаров aka Survivor(0/81)[досье]
николай[досье] ну никто не мешает приспособить к этой задаче IMG
спустя 12 минут [обр] николай[досье]
наверное я ещё недостаточно правильно понимаю вёрстку, подскажи, как это правильно сделать вот на этом коде:
<div id="left_bottom">
<h2>News</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.
</p>
</div>
спустя 16 часов [обр] Николай Комиссаров aka Survivor(0/81)[досье]
так
div#left_bottom{
    position:relative;
}
img.bg{

    position:absolute;
    width:100%;
    height:100%;
    z-index:-1;
    left:0px;
    top:0px;
}
<div id="left_bottom">
<img class="bg" src="/logo.gif"/>
<h2>News</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. 
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.
</p>
</div>
Powered by POEM™ Engine Copyright © 2002-2005