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

Размещение контента посередине страницы, Помогите рещить проблемы с дизайном сайта

Сообщений: 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 парсинг и подготовка контента

Читают тему (гостей: 2, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
06:34 Гугл пухнет от кеша, а нам - крошки. Разбор $114 млрд: Адсенс в минусе, Ютуб на подписках 06:17 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 01:09 Yahoo Scout: Нейро-привет из склепа. Реальный шанс на траф или мимо? 17:33 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 15:14 Апдейт Яндекса 7 февраля. Пока серп трясет, некоторые по ботам плачут 15:10 Google Discover Core Update: Дискавер отделяют от поиска? 11:30 ЕС душит ТикТок: прощай бесконечная лента и RPM? Что с монетизацией?	10:22 Swapwatch.org — Мониторинг криптовалютных обменников 10:19 SwapPix.io - быстрый и безопасный обменник криптовалют. 15:12 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 12:38 Bankomat001 - Сервис обмена электронных валют 10:42 Рассылки СМС/SMS, Вайбер/Viber, Ватсап/Whatsapp, Телеграм/Telegram любой тематики по всему миру 09:36 Мониторинг обменников Сrypto-scout.io 05:29 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника	07:51 Гильотина для классиков: Клод доедает физические книги 06:04 Кулеры и БП станут золотыми? Медь по 13 штук, олово в космосе 05:09 Точные прогнозы на футбол 23:45 Ставки на супер тренды в спорте 18:56 Moltbook: Соцсеть для ботов, где людям закрыли рот. Началось? 22:31 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес 13:38 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко