[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Блочная верстка. float. Резиновый сайт.
Ramzil_Nixon
Приветствую товарищи программисты.
В ходе верстки у меня появились следующие задачи:

1) Надо создать 3 столбца с помощью DIV блоков. И поэтому воспользовался float'ом в CSS.
2) Левый и Правый блок по 200 пикселей, то есть их размер постоянно равен 200.
3) Центральный расстягиваться должен и в зависимости ширины экранаширина блоко должна либо увеличиваться, либо уменьшаться.

Выполнил следующим образом:

<div id="LeftBlock">
Левый блок
</div>
<div
id="CenterBlock">
Сентральный блок
</div>
<div
id="RightBlock">
Правый блок
</div>


CSS имеет следующий вид:

#LeftBlock { width: 200px; float: left; }
#CenterBlock { float: left; }
#RightBlock { width: 200px; float: right; }


И проблема в том, что средний блок не стоит на том месте где надо, то есть уходит вниз. А остальные все на месте. Что я тут не так сделал, помогите пожалуйста.

_____________
Миллионы приходят, уходят, не в них счастье. Самым важным на свете всегда будут люди в этой комнате, вот здесь, сейчас...

user posted image
Arh
Создал страницу, проверил, всё работает. Еще в стиле ест что нибудь?
<!DOCTYPE html>
<html lang="ru">
<body>
<style>

#LeftBlock { width: 200px; float: left; }
#CenterBlock { float: left; }
#RightBlock { width: 200px; float: right; }
</style>
<div
id="LeftBlock">
left
a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>
</div>
<div
id="CenterBlock">
center
a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>
</div>
<div
id="RightBlock">
rigth
a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>
</div>
</body>
</html>



_____________
Промокод предоставляет скидку на заказ домена и/или хостинга reg.ru
BFCC-3895-8804-9ED2
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.