Jump to content

rv9wfj

Newbie
  • Posts

    4
  • Joined

  • Last visited

rv9wfj's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Думается мне без нее никак не получится :-)
  2. Вот еще вариант http://validcode.ru/?p=76
  3. Вот, проверил на FireFox3 и IE7, других нету. Посмотреть в действии код можно тут. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Пример</title> <style type="text/css"> html, body { height: 100%; } body { margin:0; padding:0; background: #E8E8E8 url(images/body_background.png) top center repeat-x; } /*Font*/ body, table { font-size:100%; font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif; color:#3D3D3D; } a:link {text-decoration: underline; color:#EA7948;} a:visited{text-decoration: underline; color:#752D2D;} a:active {text-decoration: underline; color:#EA7948;} a:hover{text-decoration: underline; color:#EA7948;} #page-container { width:80%; min-width: 972px; width: expression(document.body.clientWidth > 972 ? "80%" : "972px"); height:100%; margin:0 auto; padding:0; background: #FFF; } #page-content { float: left; width:100%; height:100%; background:white; } #page-body-left { float: left; position:relative; margin-left: -32px; width:32px; height:100%; background:#E8E8E8 url(images/body_bright_left.png) top right repeat-y; } #page-wing-left { width:100%; height:315px; background:#E8E8E8 url(images/wing_left.png) top right no-repeat; } #page-body-right { float: right; position:relative; margin-right: -32px; width:32px; height:100%; background:#E8E8E8 url(images/body_bright_right.png) top left repeat-y; } #page-wing-right { width:100%; height:315px; background:#E8E8E8 url(images/wing_right.png) top left no-repeat; } .clear { clear: both; } </style> </head> <body> <div id="page-container"> <div id="page-body-left"></div> <div id="page-body-right"></div> <div id="page-content"> <p><img src="images/logo.png" alt="logo" width="284" height="94" /></p> </div> <div class="clear"></div> </div> </body> </html>
  4. Сейчас делаю примерно тоже самое, у меня даже уже получилось сделать один вариант под IE не работающий в остальных, и другой вариант не работающий в IE. Сейчас если объеденю это все то выложу код. Правда не уверен, что все это валидным получится.
×
×
  • 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