Div или Table? Если делать в таблице: 3 строки, 1-я заданной высоты, 2-я растягивается (в зависимости от разрешения), 3-я заданной высоты. Но тут возникает проблема с DOCTYPE. А именно - какой выбрать? В общем что я пытаюсь сделать: простенький шаблон для визитки, по центру табличка (1024*768) с 2-мя колонками, 1-я навигация, 2-я для вывода информации. Подскажите как реализовать растягивание фона по вертикали если в блок вывода (MainBody) будет высотой большей чем 768? Вот примерный макет того что в центре... Особо не ругайте, первый шаблон
Laon, ставьте этот и не мучайтесь: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
С этим и не получается. Т.е. если в строке ничего нет то и соответственно она не заполняется тем что я прописываю в классе, который потом указываю в этой строке (пытаюсь заполнить картинкой размерами 1х1 px). Я думаю есть хак или хитрость в css как это реализовать...
Переделал на div, и серовно не могу победить( Подскажите плиз (если такое вообще возможно). Код (CODE): <?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); $iso = split( '=', _ISO ); echo '<?xml version="1.5" encoding="'. $iso[1] .'"?' .'>'; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" /> <?php mosShowHead(); ?> <link href="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css";?>" rel="stylesheet" type="text/css" media="all" /> <link rel="shortcut icon" href="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/favicon.ico"; ?>" /> <!-- This so you can see the css styles in DW you can delete file once editing Template is complete--> <link href="css/template_css.css" rel="stylesheet" type="text/css" media="all" /> </head> <body> <div class="hed">1</div> <div class="bg" align="center"><div class="container"> <div id="container2"> <div id="logo"></div> <div id="menu"><?php if($this->countModules('left')) : ?><jdoc:include type="modules" name="left"/> <?php endif; ?></div> </div> <div class="main"><table cellspacing="0" cellpadding="0"> <tr> <td width="9" height="9" id="bg1"></td> <td id="bg2"></td> <td width="9" id="bg3"></td> </tr> <tr> <td id="bg4"></td> <td id="bg5"><jdoc:include type="modules" name="breadcrumb" /><jdoc:include type="component" /></td> <td id="bg6"></td> </tr> <tr> <td height="10" id="bg7"></td> <td id="bg8"></td> <td id="bg9"></td> </tr> </table> </div> </div></div> <div class="bg2">3</div> <div class="bg3">4</div> <div class="footer">5</div> </body> </html> и Код (CODE): div#menu { height:300px; width: 188px; position: static; margin-left: 1px; margin-top: 160px; } .main { position: static; height: 100%; width: 640px; margin-right: 0px; margin-bottom: 0px; margin-left: 280px; margin-top: 10px; } .hed { background-image: url(../images/fon_hed.gif); background-repeat: repeat-x; background-position: left; height: 8px; } div#logo { height:156px; width: 275px; background-image: url(../images/logo.png); position: static; left: auto; float: left; } .bg { background-image: url(../images/bg1.png); background-repeat: repeat-x; padding: 0px; position: static; height: 642px; margin: 0px; width: 100%; } .bg2 { background-image: url(../images/bg2.png); background-repeat: repeat; position: static; padding: 0px; margin: 0px; width: 100%; } .bg3 { background-image: url(../images/bg3.png); background-repeat: repeat-x; height: 124px; position: static; margin: 0px; padding: 0px; } .footer { background-image: url(../images/footer.gif); background-repeat: repeat; position: static; height: inherit; width: auto; } #bg1 { background-image: url(../images/main_bg_01.png); background-repeat: no-repeat; } #bg2 { background-image: url(../images/main_bg_02.png); background-repeat: repeat-x; } #bg3 { background-image: url(../images/main_bg_03.png); background-repeat: no-repeat; } #bg4 { background-image: url(../images/main_bg_04.png); background-repeat: repeat-y; background-position: top; } #bg5 { background-image: url(../images/main_bg_05.png); background-repeat: repeat; } #bg6 { background-image: url(../images/main_bg_06.png); background-repeat: repeat-y; background-position: top; } #bg7 { background-image: url(../images/main_bg_07.png); background-repeat: no-repeat; } #bg8 { background-image: url(../images/main_bg_08.png); background-repeat: repeat-x; } #bg9 { background-image: url(../images/main_bg_09.png); background-repeat: no-repeat; } .container { width: 950px; /* Отступ слева */ position: relative; margin: 0px; padding: 0px; } #container2 { width: 275px; /* Отступ слева */ position: relative; margin: 0px; padding: 0px; height: 500px; left: 10px; top: 10px; float: left; } Как, блок 3 (<div class="bg2">3</div>) растянуть по высоте страницы с ее увеличением.
