Как сделать "поля" у сайта?

Широков · 01.07.2016, 12:37

Здравствуйте!

С 2002 г. у меня на бесплатном хостинге был свой сайт, который я сделал на основе таблиц HTML.

В этом году я на платном хостинге решил сделать более красивый сайт на основе CSS.

Но я нигде не могу найти информации, как в CSS (или в HTML) сделать так, чтобы при просмотре сайта на широком экране были слева и справа "поля" (м.б. они так называются в профессиональном языке, а может быть и по-другому) - то есть, пустые вертикальные полосы, например, серого или белого цвета.

По моему мнению, такие "поля" помогали бы посетителям сайта сконцентрироваться на средней части экрана

Вот пример сайта с такими полями - http://tepokna.ru/plastikovye_okna_ceny

А меня сейчас получается так, что на широком экране содержание сайта занимает всю его ширину - как вот на этом сайте http://www.sm-okna.ru/

Заранее спасибо за советы.

Hispanic · 01.07.2016, 13:47

))
делаешь фиксированный контент и ставишь его по центру

div.content {
width:1400px; magrin:0 auto;
}

ну или выравниваешь по центру таблицу, не знаю как ты верстаешь, там в настройках таблицы. ну и в настройках body пишешь background там уже как хо цвет или картинка

Широков · 01.07.2016, 15:12

Цитата:

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

))
делаешь фиксированный контент и ставишь его по центру

div.content {
width:1400px; magrin:0 auto;
}

Я поместил все содержание своего сайта (то что идет после </head> и заканчивается перед </body>) внутрь тегов <div>... </div>.

Потом я между <head> и </head>, внутри тегов
<style>

</style>

вставил

div#content {
width: 1400px; magrin:0 auto;
}

Содержимое моего сайта, действительно, отцентрировалось.

Но оно все смещено к левому краю экрана.

То есть, получается, что левого поля нет, а правое поле очень большое.

mamon-88 · 01.07.2016, 15:56

ты хоть не много знаешь css, где его надо прописать и как надо его прописывать!

Широков · 01.07.2016, 16:47

Цитата:

Сообщение от mamon-88

ты хоть не много знаешь css, где его надо прописать и как надо его прописывать!

Мне кажется, что в моем случае несущественно - где я прописываю css (в отдельном файле или внутри тегов <head> и </head>.

newJS · 02.07.2016, 08:12

Цитата:

Сообщение от Широков

Мне кажется, что в моем случае несущественно

mamon-88, не про то спросил, он спросил про синтаксис, пример Hispanic, это правильный пример, и если он у тебя не работает, значит это ты напортачил.
У тебя или ошибка, или ниже есть переопределение одного из параметров.

mamon-88 · 02.07.2016, 15:29

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

Широков · 02.07.2016, 17:58

Спасибо за предложение помощи.

Для чистоты эксперимента я удалил из сайта всё кроме слова "Example" и оставил только нижеприведенный текст.

При просмотре и через Google Chrome и через Яндекс.Браузер слово "Example" находится в левом верхнем углу - то есть, поля отсутствуют, хотя ниже никакого переопределения параметров нет (там вообще нет никаких параметров).

В чем могла бы быть причина?

Цитата:

<html>

<head>

<style>

</style>

</head>

<div id="content">

Example

</div>

</body>

</html>

newJS · 02.07.2016, 18:40

я ж грю, АшиПка!!!

не magrin, margin

пиши раздельно, html, css, js, каждый файл отдельно и со своей подсветкой

Цитата:

Сообщение от Широков

Мне кажется, что в моем случае несущественно

в этом случае было бы существенно, подсветка спасла бы

есть русский редактор акелла, у него всё настривается, можно отсеятину делать, вплоть до создания файлов с экзотическим расширением и созданием для него своей подсветки

есть нерусских html редактор со встроенных валидатором, очень удобно, правда русского к этому редактору нет
http://www.freehtmlvalidator.com/
есть бесплатная и платная версии

Hispanic · 02.07.2016, 18:53

сорри)))

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как сделать "замедленную реакцию" при наведении на блок в css3?	Владимир2	HTML, CSS, JavaScript	3	20.07.2014 06:29
"Оцените, господа!" или "Когда клиент через год переоценивает взгляды"	()@ZI$	Зал дебютантов	15	30.11.2005 09:50
Продажа билетов лотерей "Золотой ключ", "Русское Лото", "ТВ Бинго-шоу"	Florid	Кальянная	1	22.08.2005 19:24
Очень бы хотелось услышать советы "бывалых" и "знающих"	tim	Зал дебютантов	10	10.05.2004 09:48

01.07.2016, 12:37	#1
Широков	Здравствуйте! С 2002 г. у меня на бесплатном хостинге был свой сайт, который я сделал на основе таблиц HTML. В этом году я на платном хостинге решил сделать более красивый сайт на основе CSS. Но я нигде не могу найти информации, как в CSS (или в HTML) сделать так, чтобы при просмотре сайта на широком экране были слева и справа "поля" (м.б. они так называются в профессиональном языке, а может быть и по-другому) - то есть, пустые вертикальные полосы, например, серого или белого цвета. По моему мнению, такие "поля" помогали бы посетителям сайта сконцентрироваться на средней части экрана Вот пример сайта с такими полями - http://tepokna.ru/plastikovye_okna_ceny А меня сейчас получается так, что на широком экране содержание сайта занимает всю его ширину - как вот на этом сайте http://www.sm-okna.ru/ Заранее спасибо за советы.

01.07.2016, 13:47	#2
Hispanic	)) делаешь фиксированный контент и ставишь его по центру div.content { width:1400px; magrin:0 auto; } ну или выравниваешь по центру таблицу, не знаю как ты верстаешь, там в настройках таблицы. ну и в настройках body пишешь background там уже как хо цвет или картинка

01.07.2016, 15:56	#4
mamon-88	ты хоть не много знаешь css, где его надо прописать и как надо его прописывать!

02.07.2016, 15:29	#7
mamon-88	короче, если есть возможность пусть упакует сайт в архив и выложить его суда. Я гляну и помогу.