pushkinma
-
Posts
1 -
Joined
-
Last visited
pushkinma's Achievements
Explorer (1/14)
0
Reputation
-
делай как я: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Div</title> <style> #under{background:url(bg-under.png) repeat-y;} #main{width:176px;background:url(bg.jpg) no-repeat bottom;word-wrap:break-word;} </style> </head> <body> <div id="under"> <div id="main"> asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasd </div> </div> </body> </html> пояснение: главное свойство background-position: bottom. Но т.к. оно только для всего фона, делаем один элемент со статическим фоном(id="main") внутри другого с динамическим(id="under"). Так же не забываем про word-wrap:break-word; для случая если текст написан без пробелов, чтобы не вылезал за указанный width(работает даже в IE6).