Jump to content

pushkinma

Newbie
  • Posts

    1
  • Joined

  • Last visited

Everything posted by pushkinma

  1. делай как я: <!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).
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy