Вертикальный фон в div
Здравствуте!
Вот здесь http://osc3.template-help.com/osc_22575/product_info.php?products_id=108 есть полоса которая разделяет левую колонку от центра, там все на таблицах, а как сделать ее при помощи div?
Ставить border: 1px dotted; не вариант, так как в ИЕ6 это не точки, а штрихи.
Вопрос наверно сводится к тому как растянуть див на всю высоту сайта
Вот здесь http://osc3.template-help.com/osc_22575/product_info.php?products_id=108 есть полоса которая разделяет левую колонку от центра, там все на таблицах, а как сделать ее при помощи div?
Ставить border: 1px dotted; не вариант, так как в ИЕ6 это не точки, а штрихи.
Вопрос наверно сводится к тому как растянуть див на всю высоту сайта
Например, так:
[html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>dotted separator</title>
<meta http-equiv="Content-type" content="text/html; charset=windows-1251">
</head>
<body>
<div style="float: left; width: 100px;">
LEFT<br>LEFT<br>LEFT<br>LEFT<br>LEFT<br>
LEFT<br>LEFT<br>LEFT<br>LEFT<br>LEFT<br>
</div>
<div style="float: left; background: url(dot2.gif);">
<div style="margin-left: 1px; padding-left: 15px; background: #ffffff">
RIGHT<br>RIGHT<br>RIGHT<br>RIGHT<br>RIGHT<br>
RIGHT<br>RIGHT<br>RIGHT<br>RIGHT<br>RIGHT<br>
</div>
</div>
</body>
</html>[/html]
dot2.gif это 1x3 прозрачный gif с серым пикселем внизу.
[html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>dotted separator</title>
<meta http-equiv="Content-type" content="text/html; charset=windows-1251">
</head>
<body>
<div style="float: left; width: 100px;">
LEFT<br>LEFT<br>LEFT<br>LEFT<br>LEFT<br>
LEFT<br>LEFT<br>LEFT<br>LEFT<br>LEFT<br>
</div>
<div style="float: left; background: url(dot2.gif);">
<div style="margin-left: 1px; padding-left: 15px; background: #ffffff">
RIGHT<br>RIGHT<br>RIGHT<br>RIGHT<br>RIGHT<br>
RIGHT<br>RIGHT<br>RIGHT<br>RIGHT<br>RIGHT<br>
</div>
</div>
</body>
</html>[/html]
dot2.gif это 1x3 прозрачный gif с серым пикселем внизу.