Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Программирование

Важная информация
Программирование - PHP, MySQL, JavaScript, CSS, HTML верстка и т.д.

Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 24.10.2009, 22:54   #1
 
Аватар для Nivans
 
Сообщений: 20
FR (активность): 850

Доп. информация
По умолчанию Автор темы Вёрстка. Наложение div`ов

Есть проблема:
есть шляпа (должна быть строго посередине), надо чтобы блок контента (изображение) на неё накладывался. Верстаю в div. Никак не могу добиться нормального отображения: то отображается не на шляпе, то вообще не отображается. Помогите плззз

update
наложить получилось, но т.к. position: relative - незнаю как расположить строго посередине в браузере

Добавлено через 21 минуту
проблему решил! тему килл
Nivans вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 24.10.2009, 23:19   #2
 
Аватар для x997
 
Сообщений: 2,205
FR (активность): 72,650

Доп. информация
По умолчанию Ответ: Вёрстка. Наложение div`ов

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


Говорят,что я такое же быдло как и все!!! ха ... Господа хорошие,для системы ценностей большенства людей , Я ЗНАЧИТЕЛЬНО ХУЖЕ!!!
внимание! существенная часть того что я пишу, может оказаться сарказмом!
x997 вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 28.05.2010, 16:47   #3
 
Аватар для Moonly
 
Сообщений: 9
FR (активность): 573

Доп. информация
По умолчанию Re: Вёрстка. Наложение div`ов

через z-index пробовал?


Я добьюсь 1000 подписчиков и захвачу этот мир - http://www.moonlyweb.ru
Moonly вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 22.06.2010, 21:08   #4
 
Аватар для aslobodyan
 
Сообщений: 107
FR (активность): 1,441

Доп. информация
По умолчанию Re: Вёрстка. Наложение div`ов

Чтобы накладывание было кросбраузерным, я всегда делаю его так:

[HTML]
<style type="text/css">
#site {
width:500px;
padding:0;
margin:0 auto; // это гарантирует центр всему сайту
// (но не работает под ИЕ6 и старше)
}
.header {
padding: 50px;
background: #000066;
}
.content {
width:200px;
padding: 100px;
left:0;
top:0;
margin: -50px 0 0 0;
background: #09F;
}
.footer {
padding: 20px;
background: #CCC;
}
</style>
...
<div id="site">
<div class="header"></div>
<div class="content"></div>
<div class="footer"></div>
</div>
[/HTML]

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

Идея же самого накладывания в том, что сначала пишем left:0; и top:0; а затем отрицательным марджином тянем елемент куда надо.

Но как показывает практика, таких трюков стоит избегать... ибо не к добру это ))


Все будет хорошо! Я узнавал
aslobodyan вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Ответ

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции
Внимание!
Этой теме более 4346 дней. Вы можете оставить сообщение здесь. Но, обращаем внимание. Возможно, рациональней создать новую тему (найти свежее обсуждение)?


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вёрстка шаблонов, от 10WMZ WebSGo Создание сайтов 0 30.12.2009 06:43
Дизайн, Верстка сайтов мшлещккк Создание сайтов 2 28.08.2009 17:28
Дизайн + верстка, недорого Progresser Создание сайтов 1 08.07.2009 02:32
Вёрстка. Smit Создание сайтов 1 11.04.2009 20:49
Наложение фильтра на ключевые слова? koreash Яndex 3 14.03.2009 16:08

Текущее время: 08:33. Часовой пояс GMT +3.