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



 

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

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

Открыть тему
Тема закрыта
> При ресайзе окна из-за границы выступает слой
smashercosmo
smashercosmo
Topic Starter сообщение 9.10.2008, 12:11; Ответить: smashercosmo
Сообщение #1


Господа, вот следующий код:

<div style="overflow:hidden; width:100%;">
<div style="width:400%; position:relative; left:-300%;">
<div style="width:25%; background-color:#FF0000; float:left;">&nbsp;</div>
<div style="width:25%; background-color:#00FF00; float:left;">&nbsp;</div>
<div style="width:25%; background-color:#0000FF; float:left;">&nbsp;</div>
<div style="width:25%; background-color:#FFFF00; float:left;">&nbsp;</div>
</div>
</div>
Пояснение: четыре резиновых слоя равные ширине страницы, находятся в 100%-ом по длине слое с overflow:hidden. В будущем эти слои будут смещаться посредством JavaScript за счет изменения парамметра left. Т.е. это как бы 4 страницы в одной, переход по которым происходит не за счет перезагрузки страниц, а за счет их смещения.

Проблема: в IE при ресайзе окна слои переодически выступают из-за границы окна на 1-2 мм.

Есть ли идеи почему и как исправить?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 9.10.2008, 13:26; Ответить: Webmaster_hb
Сообщение #2


<div style="overflow:hidden; width:100%; padding-right:1px;">
<div style="width:400%; position:relative; left:-300%;">
<div style="width:25%; background-color:#FF0000; float:left; display:inline;">&nbsp;</div>
<div style="width:25%; background-color:#00FF00; float:left;display:inline;">&nbsp;</div>
<div style="width:25%; background-color:#0000FF; float:left;display:inline;">&nbsp;</div>
<div style="width:25%; background-color:#FFFF00; float:left;display:inline;">&nbsp;</div>
</div>
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
smashercosmo
smashercosmo
Topic Starter сообщение 9.10.2008, 17:28; Ответить: smashercosmo
Сообщение #3


Спасибо, padding-right помог. Но возникло два вопроса:

1) Зачем display:inline? Что с ним, что без него... никакой разницы.
2) padding-right порождает полосу прокрутки внизу. Не то чтобы критично, но немного раздражает.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
smashercosmo
smashercosmo
Topic Starter сообщение 9.10.2008, 17:30; Ответить: smashercosmo
Сообщение #4


А. Всё. Понял, зачем inline.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
smashercosmo
smashercosmo
Topic Starter сообщение 9.10.2008, 17:32; Ответить: smashercosmo
Сообщение #5


Эх, а без скролла внизу я так понимаю не возможно?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 9.10.2008, 17:45; Ответить: Webmaster_hb
Сообщение #6


width:100% убрали ?
упс - сразу не обратил внимания
<div style="width:400%; position:relative; left:-300%;">

вам зачем ?

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
7 stu999 1753 31.3.2024, 11:19
автор: stu999
Открытая тема (нет новых ответов) Получил странную ссылку при линкбилдинге
Как поведет себя поиск при обнаружении странной ссылке?
10 r0mZet 2203 24.10.2022, 19:23
автор: Wachowski
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
65 inkon 30375 19.7.2022, 13:41
автор: Funoman
Горячая тема (нет новых ответов) тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе.
Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО
71 VIMstat 78474 21.6.2022, 9:38
автор: VIMstat
Открытая тема (нет новых ответов) Продажа лидов на подбор персонала, пластиковые окна, строительные и отделочные работы
0 carramba 2443 16.4.2021, 17:23
автор: carramba


 



RSS Текстовая версия Сейчас: 19.4.2024, 1:45
Дизайн