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



 

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

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

Открыть тему
Тема закрыта
> Проблема при масштабировании в браузере
zz8
zz8
Topic Starter сообщение 27.10.2011, 18:48; Ответить: zz8
Сообщение #1


Заранее хочу поблагодарить за то, что зашли и прочитали мой вопрос. Беда вот в чем: у меня хедер фиксированной высоты, с бекграундом и бордером. При масштабе 100% и меньше - все ок, но как только ставлю больше (150, 200% и тд), то вижу как у меня справа вместо установленного фона появляется фон body. В чем беда?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
texno
texno
сообщение 28.10.2011, 5:37; Ответить: texno
Сообщение #2


(zz8 @ 27.10.2011, 21:48) *
В чем беда?

В отсутствии готового примера. Скопировал - попробовал.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zz8
zz8
Topic Starter сообщение 28.10.2011, 11:02; Ответить: zz8
Сообщение #3


HTML
<body>
<div id="header">
</div>
....


CSS
body {
background: #fff url(../images/body-background.jpg) repeat-x;

}

#header {
height:66px;
background:#fff;
width:100%;
}


При увеличении масштаба появляется горизонтальная прокрутка. И именно на величину прокрутки и вылазит фон BODY

[attachment=38299:post-1205545-1319785099.jpg]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Очень
Очень
сообщение 28.10.2011, 12:59; Ответить: Очень
Сообщение #4


(zz8 @ 28.10.2011, 14:02) *
#header {
height:66px;
background:#fff;
width:100%;
}

1. НЕ цитатой выводите, а чуть правее есть кнопки кода)
2. По существу - написан код не правильно, ибо :
(zz8 @ 28.10.2011, 14:02) *
width:100%;

растягивает ваш хедер не на 100% сайта, а на 100% монитора, поэтому при скроле гориз. прокрутки и вылазит фон
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zz8
zz8
Topic Starter сообщение 28.10.2011, 18:29; Ответить: zz8
Сообщение #5


Очень, 1. ок
2. а как растянуть его на 100% сайта?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zz8
zz8
Topic Starter сообщение 5.11.2011, 19:19; Ответить: zz8
Сообщение #6


:goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
texno
texno
сообщение 5.11.2011, 21:10; Ответить: texno
Сообщение #7


Чего кричать, какой вопрос такой ответ.
Тебе уже намекали чего в супе не хватает.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SumQwerty
SumQwerty
сообщение 5.11.2011, 22:31; Ответить: SumQwerty
Сообщение #8


Стучи в асю помогу 4731444
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zz8
zz8
Topic Starter сообщение 6.11.2011, 12:42; Ответить: zz8
Сообщение #9


[B]texno[/B], я обошла эту проблему просто заливкой фона body, состящей из 3 частей - верхней белой, шириной 60px; полосой 6px, и основным фоном. Но хотелось бы решить проблему средствами html+css , а не фотошопа.

<body>
<div id="header">
<div class="banner-top">
<p><a class="banner" href="Drag to a file to make a link."><img src=" xxx " alt=" xxx"></a></p>
</div>
</div>
<div id="wrapper">
</div>
</body>


[CSS]body, html {
margin: 0;
padding: 0;
}

body {
background: #fff url(../images/xxx.jpg) repeat-x;
width:100%;
font-size: 1em;
font-family: arial, helvetica, sans-serif;
line-height: 1.3;
}

#header {
height:66px;
width:100%;
}

.banner-top {
height: 60px;
width:100%;
border-bottom: 6px solid #b26a7e;
text-align:center;
background: #fff;
}

.banner-top-a {
display: block;
}[/CSS]


Вот чуть более упрощенный вариант моего шаблона, но проблема все та же - при увеличении масштаба появляется горизонтальная прокрутка. Именно на величину прокрутки и вылазит фон BODY.

[attachment=38316:post-1205545-1319785099.jpg]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zz8
zz8
Topic Starter сообщение 10.11.2011, 18:25; Ответить: zz8
Сообщение #10


нашла решение:
немного подкорректировала код + добавила min-width: [ширина моего шаблона].

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
6 stu999 1551 21.3.2024, 20:45
автор: stu999
Открытая тема (нет новых ответов) Не открывается maultalk.com в браузере Хром
4 noviktamw 1860 18.1.2024, 6:23
автор: Skyworker
Открытая тема (нет новых ответов) Автоматизация работы в браузере (BAS)
11 Moonsoon 7350 11.4.2023, 6:23
автор: Skyworker
Открытая тема (нет новых ответов) Получил странную ссылку при линкбилдинге
Как поведет себя поиск при обнаружении странной ссылке?
10 r0mZet 2178 24.10.2022, 19:23
автор: Wachowski
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
65 inkon 30255 19.7.2022, 13:41
автор: Funoman


 



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