Размещение контента посередине страницы

Сообщений: 52 Регистрация: Апр 2012

28 Октября 2012 19:28

Здравствуйте, друзья!
Пишу дизайн для сайта. Хотел сделать div'ную разметку. Столкнулся со следующей проблемой:
firefox и opera не хотят отображать цвет выше стоящего div'а. Тогда я решил придать контейнеру свойство ячейки таблицы и (о чудо!) с цветом стало все нормально, но содержимое страницы на больших экранах едет влево

Прикрепленные файлы

Безымянный.png (162.25 КБ) [ Скачать ]

Антон

Сообщений: 52 Регистрация: Апр 2012

28 Октября 2012 19:34

upwap.ru/2884449]upwap.ru/2884449]Ссылка на архив с шаблоном

Антон

Сообщений: 52 Регистрация: Апр 2012

28 Октября 2012 19:35

upwap.ru/2884449

Sanya None

Сообщений: 10 Регистрация: Окт 2012

29 Октября 2012 01:30

<div align="center">
Код контента
</div>

Изменено: Sanya None - 29 Октября 2012 01:31

Олег Гречина

Сообщений: 419 Регистрация: Апр 2012

29 Октября 2012 02:27

Засовываете все в див и этому диву придаете свойство margin:auto 0px; или немного в другом виде,только два свойства margin-left:auto; margin-right:auto;

Здесь можно купить статьи Лучший хостинг

Антон

Сообщений: 52 Регистрация: Апр 2012

29 Октября 2012 12:59

Цитата
Sanya None пишет: <div align="center"> Код контента </div>

Ваш код выровняет содержимое контейнера (див) по середине, но не сам контейнер

Антон

Сообщений: 52 Регистрация: Апр 2012

29 Октября 2012 13:01

Цитата
Олег Гречина пишет: Засовываете все в див и этому диву придаете свойство margin:auto 0px; или немного в другом виде,только два свойства margin-left:auto; margin-right:auto;

Пробовал я это (см архив upwap.ru/2884449 ) но не помогает:(

Александр Марьичев

Сообщений: 132 Регистрация: Мар 2012

29 Октября 2012 13:27

Все работает. Качай : kullinarijamoehobbi.ru/Site.rar

Заказываю рерайт по 8-10 рублей тут

Александр Марьичев

Сообщений: 132 Регистрация: Мар 2012

29 Октября 2012 13:34

PS: если нужна помощь по верстке, обращайтесь, чего знаю помогу. Мне нравится ковырять CSS:)

Маца

Сообщений: 53 Регистрация: Сен 2012

#10

29 Октября 2012 16:18

все очень просто. ищите комментарии к коду ->

Код
скачать upwap.ru/2885472

Sanya None

Сообщений: 10 Регистрация: Окт 2012

#11

30 Октября 2012 00:50

дайте код контеинера

Антон

Сообщений: 52 Регистрация: Апр 2012

#12

1 Ноября 2012 18:19

Цитата
Александр Марьичев пишет: Все работает. Качай : kullinarijamoehobbi.ru/Site.rar

К сожалению не успел скачать((

Антон

Сообщений: 52 Регистрация: Апр 2012

#13

1 Ноября 2012 19:40

Цитата

Маца пишет:
все очень просто. ищите комментарии к коду ->

Код
скачать upwap.ru/2885472

К сожелению это не совсем то, что мне нужно. Я хотел бы, чтобы не картинки были по середине экрана, а само содержимое сайта, то есть все, что находится между <div class="main"> </div> распологалось слева экрана (см скрин) а по центру. свойство margin: auto почему-то не срабатывает

Маца

Сообщений: 53 Регистрация: Сен 2012

#14

3 Ноября 2012 01:53

если бы вы прочитали комментарии к коду то легко сделали бы по аналогии. без width работать не будет! измените стиль дива body на следующий .body {
margin:0 auto;
width: 960px;
}

Изменено: Маца - 3 Ноября 2012 16:03

Антон

Сообщений: 52 Регистрация: Апр 2012

#15

3 Ноября 2012 17:36

Цитата
Маца пишет: если бы вы прочитали комментарии к коду то легко сделали бы по аналогии. без width работать не будет! измените стиль дива body на следующий .body { margin:0 auto; width: 960px; }

Огромное спасибо. Все работает)

28.10.2018 18:30	Размещение панорамных фото на сайте
02.12.2012 10:23	Web парсинг и подготовка контента

Новые темы	Объявления	Свободное общение
17:19 С наступающим Новым годом! АП Яндекс ИКС 23.12.2025 15:49 Новая поисковая система от OpenAI 14:42 2Index - быстрая индексация страниц сайта и обратных ссылок 09:30 Fraud.Hosting: надёжная защита от недобросовестных клиентов 09:26 Ворд Пресс (или его шаблон) перестал отображать <b> болд жирный 09:19 Rutube запустил «Новая система монетизации для блогеров» 23:07 Как Яндекс индексирует ваш сайт? \| АПдейт выдача 8.12.2025	16:29 Clearex.io - Больше чем обменник 14:34 Продвижение Яндекс подсказок от hoopbots 14:32 PonyBit.ru - обменный пункт PonyBit.ru (Понибит.ру) 14:31 Почему клиенты выбирают TriRublya 14:11 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 13:50 Почему клиенты выбирают TriRublya 13:42 Почему клиенты выбирают TriRublya	11:13 С юмором по жизни! 22:59 Про мясо 15:07 Добро пожаловать в цифровой мир... 22:12 BYTIK.shop – сервис по продвижению в популярных социальных сетях 10:10 накрутка трафика в SimilarWeb 16:50 Компьютерная мышь 23:03 Точные прогнозы на футбол