Ну и хорошо что не помогли - пришлось включить мозг и подучить CSS.
Если кому интересно там надо было добавить к container'у:
#container {overflow: hidden} и усе дела!
Подскажите почему #container отображается бесцветным в опере, в ИЕ все в поряде.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>5</title> <style> <!-- body { padding:0px; width: 900px; margin: 20px auto; margin-right: auto; min-height:100%; position: relative; text-align: center; } #container { background: #FFC0CB; width: 900px; } #left { float: left; width: 200px; } #sub_cont { background: #87CEFA; float: right; width: 700px; } #center { background: #90EE90; float: left; width: 500px; } #right { float: right; width: 200px; } #foot { background: #FFF48C; clear: both; height: 40px; width: 900px; } --> </style> </head> <body> <div id="container"> <div id="left">5</div> <div id="sub_cont"> <div id="center">4<p> </p> <p> </p> <p> </p> <p> </div> <div id="right">3</div> </div> </div> <div id="foot"></div> </body> </html>
Без:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
нормальное отображение, но куча других глюков.
bodnar, огромный сенкс!
С выравниванием то по низу разобрался - с помощью подложки и собственно прозрачных самых левой и правой колонки. Мучает вопрос кросбраузерности из 10 поста.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>5</title>
<style>
<!--
body {
padding:0px;
width: 900px;
margin: 20px auto;
margin-right: auto;
min-height:100%;
position: relative;
text-align: center;
}
#container {
background: #FFC0CB;
#left {
float: left;
width: 200px;
#sub_cont {
background: #87CEFA;
float: right;
width: 700px;
#center {
background: #90EE90;
width: 500px;
#right {
#foot {
background: #FFF48C;
clear: both;
height: 40px;
-->
</style>
</head>
<body>
<div id="container">
<div id="left">5</div>
<div id="sub_cont">
<div id="center">4<p> </p>
<p> </p>
<p> </div>
<div id="right">3</div>
</div>
<div id="foot"></div>
</body>
</html>
Ufaweb, а мож поподробней. "После колонок <div style="clear:both"></div>" - зачем?
Почитаем, спасибо.
Вот в нагрузку вопросик, мучает меня: во всех примерах ДИВной верстки где дивы флотятся, зачем-то делают перестановку типо margin-left: -200px; вот никак не пойму зачем это, демонстрация возможностей или для чего?
Не, там все дивы имеют высоту, которая определена их содержимым, мне же надо чтобы они снизу в линию
Подскажите редактор, который нормальное делает CSS для дивов, всегда пользовал фронтпадж, а как начал на дивах верстать стало неудобно, открываешь такой сайт в опере - пипец колонка на колонке, руками мне эти маргины/паддинги... проставлять лень, что посоветуете для этого???
Progr@mmer\., буду благодарен.
viКing, да коля, сережа - ссылки и ведут на другие страницы с такими же вкладками.
Имя добавил 31.05.2008 в 16:09
Progr@mmer\, CSS Tab Designer?
Varkolak, красивая вещица, но помойму тяжелая, я с ней не справлюсь. Мне бы это реализовать в виде таблички и CSS, но вот как тут хотябы irk.ru/tv/ вот только в обилии кода разобраться не смог, понял только где задается стиль этой открытой вкладки:
.baseNav td.currNav {background:white; border:red solid 2px; border-bottom:none;}
И JS я не разумею!
