Форум PHP программистов > Не фиксированная ячейка

[ Поиск ] - [ Пользователи ] - [ Календарь ]

AntiGID

20.08.2010 - 18:50

Возьмем такой пример. Есть три блока: левый (это блоки), центральный (это контент) и правый (это тоже блоки).
Пример:
index.html

<!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=windows-1251" />
<title>Шаблон</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="content">
<div id="left">ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка</div>
<div id="center">ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверкаПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверкаПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверкаПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка</div>
<div id="right">ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка ПРоверка</div>
</div>
</body>

</html>

style.css

* {
	padding: 0;
	margin: 0;
}

#content {
	width: 100%;
	border: black;
}

#left {
	float: left;
	width: 200px;
	background: black;
}

#right {
	float: right;
	width: 200px;
	background: black;
}

#center {
	float: left;
	background: gray;
}

Что надо дописать или сотворить с ячейкой center чтобы она встала ровно по среди левой и правой вне зависимости какой ширины экран. Или тут единственный вариант это таблицы?

Спустя 52 минуты, 23 секунды (20.08.2010 - 18:42) SvSerg написал(а):

В HTML поменяй местами блоки id="right" и id="center",
а в style.css придай им вот такие стили

#content{
width: 100%;
 margin: 0px auto;
}

#right{
float: right; width: 194px;
border: green solid 2px;
}

#center{
margin: 0 229px; 
border: red solid 2px;
}
#left{

width: 194px;
border: blue solid 2px;
float: left;
}

Спустя 4 минуты, 35 секунд (20.08.2010 - 18:47) SvSerg написал(а):

Ну размеры конечно же свои поставишь, и вообше если только для вёрстки то лучше использоваться class, а не id.

Спустя 19 минут, 43 секунды (20.08.2010 - 19:07) AntiGID написал(а):

Ок. спасибо. только вопрос. Почему не рекомендуете id? просто одиночные элементы в книгах рекомендуют именно через id делать.

Спустя 12 минут, 59 секунд (20.08.2010 - 19:20) SvSerg написал(а):

Я честно говоря дословно подзабыл уже , где-то читал что больше нагружают, их для js используют. А не счёт книг я не вкурсях.

user posted image

Быстрый ответ:

Здесь расположена полная версия этой страницы.