я знаю, но какие вы тут видите альтернативные решения? я лично не вижу. Метод ложных колонок не подойдет, ибо не к чему и некуда цеплять. Можно к outer1 или outer2 прицепить фон, но они не будут согласованы с центральной колонкой, ибо идут как бы отдельно. А у общего родителя невозможно будет спозиционировать фон правильно. Как мне тут поумнее поступить.
З.Ы. Я только учусь
Код:
<!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>
****<title>Мой сайт: </title>
****<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="script_2.js"></script>
<style>
* {margin: 0px; padding: 0px;}
html {height:100%;}
body {width:100%;min-height:100%;min-width:999px;background:#000;}
img {border:none}
#top {height:150px;background:url('../images/logo.gif') 50% 50% no-repeat;}
#main {width:100%;overflow:hidden;}
#outer1 {width: 100%; margin-left: -100%; float: right;}
#outer2 {margin-left: 500px;background:url('../images/gray_line.gif') 50% top repeat-x;}
#left_parent {width: 50%; float: left; position: relative; left: -500px;}
#right_parent {width:50%;margin-left:-1px;float:right;background:#0e0e0e;position:relative;padding-bottom:32768px;margin-bottom:-32768px;}
#left {width:200px;margin:0 auto;padding-top:10px;}
#right{width:300px;margin:0 auto;background:#0e0e0e;width:200px;color:#fff;padding-top:20px;}
#right p {color:#e2cf00;font:bold 10pt MyriadPro,Tahoma,sans-serif;margin:0 auto 160px;width:150px;text-align:center;}
#center {width:500px;border-left:solid 15px #0e0e0e;border-top:solid 15px #0e0e0e;margin:0 auto -32768px;padding:10px 10px 32768px 10px;}
* html body {height:100%;}
* html #center {border-left:none;}
* html #left_parent {width:47%;border-right:15px solid #0e0e0e;padding-bottom:32768px;margin-bottom:-32768px;}
*:first-child+html #center {border-left:none;}
*:first-child+html #left_parent {width:47%;border-right:15px solid #0e0e0e;padding-bottom:32768px;margin-bottom:-32768px;}
</style>
</head>
<body>
<div id="top"></div>
<div id="main">
<div id="content">
<div id="outer1">
<div id="outer2">
*<div id="left_parent">
****<div id="left">
****</div>
*</div>
*<div id="right_parent">
****<div id="right">
****</div>
*</div>
</div>
</div>
****<div id="center">
****</div>
</div>
</div>
</body>
</html>
З.Ы.Ы. Колонки резина-фикс-резина по вашему методу.
А такое нада сделать - левая колонка - без фона(фон родителя), в центральной колонке слева бордер определенного цвета до конца страницы, еще border-top от центральной колонки до правой, а правую залить определенным цветом. Но нужно, чтобы это все шло до конца страницы. Ничего другого, кроме "гавна редкостного" не пришло в голову. Каюсь..Буду очень благодарен, если наставите на путь истинный..
В атаче рисунок. Только нада учесть, что правая и левая колонки фикс - но они должны разместится по средине (левая посредине от левой границы окна и левой границы центральной колонки, правая подобно левой: от правой границы центральной колонки и правой границы страницы). Вы мне посоветовали именно так сделать. Футера нет.