Здравствуйте второй день бьюсь с CSS, никак не могу добиться нужного результата:
Код CSS
.header {
background-image: url(Static%20Site/Static%20Template/header.jpg);
background-repeat: no-repeat;
background-position: center top;
position: relative;
height: 281px;
width: 1227px;
margin : 0 auto;
}
.sidebar{
width: 224px;
height: 601px;
background-color:e96b07;
float: left;
background-position: top left;
}
.index {
width: 770px;
height: 601px;
background-color: e9e9e9;
background-position: top;
float: left;
overflow: hidden;
}
.sidebar2 {
width: 233px;
height:601px;
background-color:e96b07;
float: right;
background-position: top right;
}
.center {
height: 601px;
width: 1227px;
position: relative;
margin : 0 auto;
}
.footer {
background-image: url(Static%20Site/Static%20Template/footer.jpg);
background-repeat: no-repeat;
background-position: center top;
position: relative;
height: 142px;
width: 1227px;
margin : 0 auto;
}
.body {
background-color: c45605;
}
Код HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body class="body">
<!--header-->
<div class="header"></div>
<!--/header-->
<!--Центральная часть-->
<div class="center">
<!--sidebar-->
<div class="sidebar"></div>
<!--/sidebar-->
<!--index-->
<div class="index"></div>
<!--/index-->
<!--sidebar2-->
<div class="sidebar2">
<li><a href="Avstraliya.html">Австралия</a></li>
<li><a href="Avstriya.html">Австрия</a></li>
<li><a href="Andorra.html">Андорра</a></li>
<li><a href="Argentina.html">Аргентина</a></li>
<li><a href="Bali.html">Бали</a></li>
<li><a href="Belgiya.html">Бельгия</a></li>
<li><a href="Bolgariya.html">Болгария</a></li>
<li><a href="Braziliya.html">Бразилия</a></li>
<li><a href="Velikobritaniya.html">Великобритания</a></li>
<li><a href="Vengriya.html">Венгрия</a></li>
<li><a href="Vetnam.html">Вьетнам</a></li>
<li><a href="Germaniya.html">Германия</a></li>
<li><a href="Gollandiya.html">Голландия</a></li>
<li><a href="Gretsiya.html">Греция</a></li>
<li><a href="Daniya.html">Дания</a></li>
<li><a href="Dominikana.html">Доминикана</a></li>
<li><a href="Egipet.html">Египет</a></li>
<li><a href="Izrail.html">Израиль</a></li>
<li><a href="Indiya.html">Индия</a></li>
<li><a href="Iordaniya.html">Иордания</a></li>
<li><a href="Ispaniya.html">Испания</a></li>
<li><a href="Italiya.html">Италия</a></li>
<li><a href="Kambodzha.html">Камбоджа</a></li>
<li><a href="Kipr.html">Кипр</a></li>
<li><a href="Kitaj.html">Китай</a></li>
<li><a href="Kosta_Rika.html">Коста Рика</a></li>
<li><a href="Kuba.html">Куба</a></li>
<li><a href="Mavrikij.html">Маврикий</a></li>
<li><a href="Malajziya.html">Малайзия</a></li>
<li><a href="Maldivy.html">Мальдивы</a></li>
<li><a href="Malta.html">Мальта</a></li>
<li><a href="Marokko.html">Марокко</a></li>
<li><a href="Meksika.html">Мексика</a></li>
<li><a href="Novaya_Zelandiya.html">Новая Зеландия</a></li>
<li><a href="OAE.html">ОАЭ</a></li>
<li><a href="Oman.html">Оман</a></li>
<li><a href="Peru.html">Перу</a></li>
<li><a href="Portugaliya.html">Португалия</a></li>
<li><a href="Rossiya.html">Россия</a> </li>
<li><a href="Rumyniya.html">Румыния</a></li>
<li><a href="Sejshely.html">Сейшелы</a></li>
<li><a href="Singapur.html">Сингапур</a></li>
<li><a href="Sloveniya.html">Словения</a></li>
<li><a href="SShA.html">США</a></li>
<li><a href="Tunis.html">Тунис</a></li>
<li><a href="Turtsiya.html">Турция</a></li>
<li><a href="Frantsiya.html">Франция</a></li>
<li><a href="Horvatiya.html">Хорватия</a></li>
<li><a href="Chernogoriya.html">Черногория</a></li>
<li><a href="Chehiya.html">Чехия</a></li>
<li><a href="Shvejtsariya.html">Швейцария</a></li>
<li><a href="Shri_Lanka.html">Шри-Ланка</a></li>
<li><a href="YuAR.html">ЮАР</a></li>
<li><a href="Yamajka.html">Ямайка</a></li>
<li><a href="Yaponiya.html">Япония</a></li>
</div>
<!--/sidebar2-->
</div>
<!--/Центральная часть-->
<!--footer-->
<div class="footer"></div>
<!--/footer-->
</body>
</html>
не тянутся средние блоки, необходимо чтоб блоки тянулись вниз автоматически в зависимости от наполнения, и соблюдалась нижняя граница...
Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
|
Сообщение сайта
Относительная и резиновая высота блоков
Sistemnichek
0 
14.5.2009, 23:06;
Сообщений: 7
