Форум PHP программистов -> Блочная верстка. float. Резиновый сайт.

Блочная верстка. float. Резиновый сайт.

Подписка на тему | Сообщить другу | + закладки | Версия для печати

Ramzil_Nixon	۩ Дата
© Nixon official Профиль Группа: Форумчанин Сообщений: 1600 Пользователь №: 30142 На форуме: 13 лет, 4 месяца, 28 дней Карма: 18 Трезвый : 32 года, 11 дней	Приветствую товарищи программисты. В ходе верстки у меня появились следующие задачи: 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; } И проблема в том, что средний блок не стоит на том месте где надо, то есть уходит вниз. А остальные все на месте. Что я тут не так сделал, помогите пожалуйста. -------------------- Миллионы приходят, уходят, не в них счастье. Самым важным на свете всегда будут люди в этой комнате, вот здесь, сейчас...

Arh

[x] Дата

146%

Профиль
Группа: Форумчанин
Завсегдатай форума

Сообщений: 2663
Пользователь №: 27172
На форуме: 13 лет, 11 месяцев, 17 дней
Карма: 84

Создал страницу, проверил, всё работает. Еще в стиле ест что нибудь?

<!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

Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда

Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда

Ramzil_Nixon

۩ [x] Дата

Профиль
Группа: Форумчанин
Завсегдатай форума

Сообщений: 1600
Пользователь №: 30142
На форуме: 13 лет, 4 месяца, 28 дней
Карма: 18

Трезвый :
32 года, 11 дней

Вот весь код страницы

@charset "utf-8";
/* Стандартный CSS документ */
body { background: #f7f7f9; }
#LeftBolck { width: 200px; float: left; }
#CenterBlock { float: left; }
#RightBlock { width: 200px; float: right; }
#CB { clear: both; }
/* Шапка */
#Cap { background: #FFFFFF;  }

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?=$SiteTitle?></title>
<link href="<?=$CssLine?>" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="LeftBlock">
	тут левый блог
</div>
<div id="CenterBlock">
	<div id="Cap">
		<img src="/img/logo.png" />
	</div>
</div>
<div id="RightBlock">
	тут правый блог
</div>
</div>
</body>
</html>

--------------------

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

user posted image

Arh	Дата
146% Профиль Группа: Форумчанин Сообщений: 2663 Пользователь №: 27172 На форуме: 13 лет, 11 месяцев, 17 дней Карма: 84	Лишний див перед /body и id называется #LeftBolck (Лефт БОЛК) #LeftBolck { width: 200px; float: left; } -------------------- Промокод предоставляет скидку на заказ домена и/или хостинга reg.ru BFCC-3895-8804-9ED2

Ramzil_Nixon	۩ Дата
© Nixon official Профиль Группа: Форумчанин Сообщений: 1600 Пользователь №: 30142 На форуме: 13 лет, 4 месяца, 28 дней Карма: 18 Трезвый : 32 года, 11 дней	Arh, опечатки мои заклятые враги, спасибо -------------------- Миллионы приходят, уходят, не в них счастье. Самым важным на свете всегда будут люди в этой комнате, вот здесь, сейчас...