Разметка div'ами - HTML и CSS

Vasily-Z · 29.12.2009, 04:00

Помогите, пожалуйста сделать разметку сайта с пощью div'ов. Причем блок MAIN должен иметь изменяемую ширину, все остальные блоки имели фиксированную ширину. Размер MAIN должен меняться в зависимости от разрешения экрана чтобы не было горизонтальной полосы прокрутки.

yarilo · 29.12.2009, 23:34

Если вы начали работу то здесь вам возможно помогут решить проблемы которые у вас вызвают вопросы, но в данном случае проблема не ясна...

Magneto · 30.12.2009, 20:21

html :

Код:

<!doctype html>
<html>
<head>
	<title>Название страницы</title>
	<meta http-equiv="content-type" content="tex/html; charset=utf-8" />
	<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>

	<div id="header">
	</div>

<div id="main">
	<div id="left">
	</div>
	<div id="right">
	</div>
</div>

	<div id="footer">
	</div>

</body>

css :

Код:

@charset "utf-8";

*{
	margin:0;
	padding:0;
	border:0;}

#header {
	height:120px;
	background-color:#7777ff;}

#main {
	width:100%;
	height:800px;
	background-color:#a0a0a0;}

#left {
	width:220px;
	height:100%;
	float:left;
	background-color:#ee6060;}

#right {
	width:220px;
	height:100%;
	float:right;
	background-color:#60ee60;}

#footer {
	height:100px;
	background-color:#606060;}

Блоки LEFT и RIGHT я вложил в блок MAIN

Вот ссылка http://magneto.wml.su/ht/vasily/vasily.html

Vasily-Z · 07.01.2010, 02:25

Magneto, большое спасибо за помощь! А можно сделать так, чтобы MAIN имел какую-то минимальную ширину, меньше которой этот блок изменяться не может?

Vasily-Z · 07.01.2010, 16:19

Извиняюсь за идиотский вопрос. Уже сам додумался.

MadFly · 29.07.2010, 12:05

Скажите пожалуйста

<div id="header">
</div>

<div id="main">
<div id="left">
</div>
<div id="right">
</div>
</div>

<div id="footer">
</div>

Вот я вписал в нужные div'ы свое меню, в другой div контент страницы, в третий - лого. А теперь у меня допустим ссылка с текста этой страницы, на другую страницу. А на ней не прописано ни лого, ни padding и margin, и она у меня загружается просто как страница, без лого и меню, и цвета. Мне нужно в каждую страницу вставлять div'ы в которых все это прописано, или можно сделать что-то вроде шаблона, и так чтоб каждая страница загружалась в нужно области и нужным цветом.

MrJenika · 29.07.2010, 13:13

Цитата:

Сообщение от MadFly

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

Про стили слышали? Читайте про CSS да и просто азы почитайте.
Прописывайте каждому диву свой класс а в стилях каждому классу свойство и в начало страницы подключайте стили.

dekameron · 30.07.2010, 05:06

Не забываем о clear: both; после использования float

29.12.2009, 04:00	#1
Vasily-Z Регистрация: 16.12.2009 Сообщений: 9	Разметка div'ами Помогите, пожалуйста сделать разметку сайта с пощью div'ов. Причем блок MAIN должен иметь изменяемую ширину, все остальные блоки имели фиксированную ширину. Размер MAIN должен меняться в зависимости от разрешения экрана чтобы не было горизонтальной полосы прокрутки. Последний раз редактировалось Vasily-Z; 29.12.2009 в 16:14.

30.07.2010, 05:06	#8
dekameron Форумчанин Регистрация: 27.04.2010 Сообщений: 185	Не забываем о clear: both; после использования float Помог - тырк на весы

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Разметка страницы Html	Новичок111111111	Помощь студентам	5	26.10.2009 18:18
Разметка координатных осей	LLIypLLIyH	Помощь студентам	1	20.06.2008 22:19
TRichView - разметка данных	BOBAH13	Компоненты Delphi	5	19.02.2008 21:13
разметка страницы.	Gambler	Microsoft Office Word	0	29.10.2006 21:24

29.12.2009, 23:34	#2
yarilo Пользователь Регистрация: 22.04.2009 Сообщений: 25	Если вы начали работу то здесь вам возможно помогут решить проблемы которые у вас вызвают вопросы, но в данном случае проблема не ясна...

07.01.2010, 02:25	#4
Vasily-Z Регистрация: 16.12.2009 Сообщений: 9	Magneto, большое спасибо за помощь! А можно сделать так, чтобы MAIN имел какую-то минимальную ширину, меньше которой этот блок изменяться не может?

07.01.2010, 16:19	#5
Vasily-Z Регистрация: 16.12.2009 Сообщений: 9	Извиняюсь за идиотский вопрос. Уже сам додумался.

29.07.2010, 12:05	#6
MadFly Новичок Джуниор Регистрация: 29.07.2010 Сообщений: 1	Скажите пожалуйста <div id="header"> </div> <div id="main"> <div id="left"> </div> <div id="right"> </div> </div> <div id="footer"> </div> Вот я вписал в нужные div'ы свое меню, в другой div контент страницы, в третий - лого. А теперь у меня допустим ссылка с текста этой страницы, на другую страницу. А на ней не прописано ни лого, ни padding и margin, и она у меня загружается просто как страница, без лого и меню, и цвета. Мне нужно в каждую страницу вставлять div'ы в которых все это прописано, или можно сделать что-то вроде шаблона, и так чтоб каждая страница загружалась в нужно области и нужным цветом.