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



 

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

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

Открыть тему
Тема закрыта
> Верстка Div, резиновая шапка сворачивается
Andrey-Kin
Andrey-Kin
Topic Starter сообщение 13.9.2010, 2:08; Ответить: Andrey-Kin
Сообщение #1


решил освоить магическую силу вёрстки Div, с фиксированным шаблоном проблем не возникло в отличии от резинового варианта: не получается решить задачу, нужно сделать шапку, с прижатыми по краям картинками, обе картинки,

получилось вот что:
<div id="header">
<div id="left"></div>

<div id="right"></div>
</div>


#header{background-image:url(img/logo_bg.jpg); width:100%; height:220px;}

#left
{background-image:url(img/logo_left.jpg); float:left; width:260px; height:220px;}

#righ
{background-image:url(img/logo_right.jpg); float:right; width:260px; height:220px;}


На деле это выглядит вот так:
[IMG]http://satinei.ru/mg/1.jpg[/IMG]

Но если сжать браузер, правая картинка убегает под левую, получается такая фигня:
[IMG]http://satinei.ru/mg/2.jpg[/IMG]

Подскажите как можно зафиксировать этот момент, в табличном варианте был атрибут "no wrap" знаю что в верстке Div тоже есть что то подобное.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 13.9.2010, 2:26; Ответить: Webmaster_hb
Сообщение #2


в дивной верстке есть min-width но старыми IE он не поддерживается
надо хак использовать, либо вставить в этот див растяжку (прозрачный пиксель с нужной шириной)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Andrey-Kin
Andrey-Kin
Topic Starter сообщение 13.9.2010, 2:50; Ответить: Andrey-Kin
Сообщение #3


Вроде помогло) то есть принцип если я правильно понял,
min-width должен на 1 пиксель быть больше чем width обеих элементов ?
Огромное спасибо за совет!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 13.9.2010, 9:54; Ответить: locky-yotu
Сообщение #4


Ну вообще min-width должен быть пикселей так 1000, ну или как минимум 800. Нефиг так сильно сайт сжимать)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Andrey-Kin
Andrey-Kin
Topic Starter сообщение 13.9.2010, 9:59; Ответить: Andrey-Kin
Сообщение #5


я и поставил сразу 1000 для всего контейнера,
просто принцип хотел понять,
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
RayOfLight
RayOfLight
сообщение 13.9.2010, 10:33; Ответить: RayOfLight
Сообщение #6


Andrey-Kin, на крайняк можешь выставить одной из картинок абсолютное позиционирование и z-index, чтобы она подлезала под другую при сильном сжатии.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
raw.gift
raw.gift
сообщение 27.9.2010, 10:57; Ответить: raw.gift
Сообщение #7


Судя по всему, минимальная ширина в вашем случае должна быть равно ширина первой картинки + ширина второй.

Т.к. шапка обычно фиксирована по высоте, можно задать ей фиксированную высоту и position: relative, а блоки с картинками внутри позиционировать абсолютно — один по левому краю, другой по правому.

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВерстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP
Разработка на профессиональном уровне
144 Gerga 91405 11.3.2024, 19:59
автор: anchous
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКачественный современный дизайн сайтов, логотипов, печатной продукции. Верстка.
26 zaiko 17105 30.1.2024, 18:10
автор: zaiko
Открытая тема (нет новых ответов) Верстка шаблона Битрикс
0 bat 1319 26.9.2023, 6:22
автор: bat
Открытая тема (нет новых ответов) Верстка электронных писем бесплатно
0 Gidemopassan 1490 23.6.2023, 10:12
автор: Gidemopassan
Горячая тема (нет новых ответов) Сайт "под ключ" (дизайн, верстка, CMS)
32 Brans 16397 19.5.2023, 22:01
автор: Brans


 



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