X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Резиновая шапка с отступами
DreamShark
DreamShark
Topic Starter сообщение 1.9.2010, 23:00; Ответить: DreamShark
Сообщение #1


Подскажите, пожалуйста, как на дивах сделать резиновую прямоугольную шапку с отступами от краев окна браузера по 20px с обеих сторон.
Как это сделать лучше?
Благодарю.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 2.9.2010, 0:08; Ответить: locky-yotu
Сообщение #2


<style type="text/css">
.header {
height:200px;
background:#000;
margin:0 20px;
// ну или padding:0 20px;
font:bold 25px/200px Tahoma;
color:#fff;
text-align:center;
}
</style>

<div class="header">
Йа шапко
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DreamShark
DreamShark
Topic Starter сообщение 2.9.2010, 7:15; Ответить: DreamShark
Сообщение #3


locky-yotun, , большое спасибо за помощь. :goodpost:
Я все делал также, только в стилях еще прописывал width: 100%.
Не совсем понимаю почему этот стиль все равно дает 100% ширины... Привык что обычно блоки, без указания ширины и высоты принимают минимальные размеры, для того чтобы влез текст.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 2.9.2010, 9:15; Ответить: Arks
Сообщение #4


(DreamShark @ 2.9.2010, 10:15) *
locky-yotun, , большое спасибо за помощь. :goodpost:
Я все делал также, только в стилях еще прописывал width: 100%.
Не совсем понимаю почему этот стиль все равно дает 100% ширины... Привык что обычно блоки, без указания ширины и высоты принимают минимальные размеры, для того чтобы влез текст.


Нет, к несчастью это свойство табличных элементов.
Можно у блочных прописать display:table но IE6 не поддерживает.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Сашко
Сашко
сообщение 2.9.2010, 11:21; Ответить: Сашко
Сообщение #5


(Arks @ 2.9.2010, 12:15) *
но IE6 не поддерживает.

Пора бы его захоронить уже, сколько можно терпеть его...

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужна шапка и аватарка на Ютуб канал
Оплачу только через PayPal
1 cerrus 2839 24.4.2019, 20:19
автор: Mr_SMO
Горячая тема (нет новых ответов) di56.ru - Логотипы | Дизайн сайтов | Баннеры | Шапка для сайта
заказ графики (лучшее соотношение цена - качество)
39 dmitryfoto 42392 3.12.2018, 19:27
автор: dmitryfoto
Открытая тема (нет новых ответов) Лого и шапка для сайта по антеннам
2 Regis 3034 20.1.2017, 16:22
автор: Shandanakar
Открытая тема (нет новых ответов) Адаптивная шапка
0 MadSandwich 5723 28.6.2016, 13:07
автор: -MadSandwich-
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыНужна шапка на сайт
Антенная тематика
0 DocVoldem 1633 1.4.2016, 16:38
автор: DocVoldem


 



RSS Текстовая версия Сейчас: 25.4.2024, 11:01
Дизайн