Форум Сайтостроение Веб-строительство

CSS масштабирование кратинок и шрифта в Chrom

12
Y1
На сайте с 29.06.2014
Offline
32
ya111
594

Добрый вечер, друзья.

При верстке столкнулась с проблемой: в шапке фоновая картинка размером 1920 на 600, при рармере экрана 1920 на 1080 программе ХD (там нарисован дизайн), в браузуре Opera (старая версия) и Explorer , как и положено, фон-картника занимают свои 600px и внизу экрана есть пустое место для дальнейшего текста.

В Chrome и новой опере фон занимает процентов на 20 больше, как бы увеличивается (и шрифт тоже). Места внизу экрана почти не остается.

Как это побороть?

Z0
На сайте с 03.09.2009
Offline
759
ziliboba0213
#1

Вы своим постом мат в три хода в моей голове поставили...

Arsh
На сайте с 21.03.2007
Offline
199
Arsh
#2
ya111:
Как это побороть?

Код сюда выложить, для начала)

J-ran
На сайте с 24.06.2012
Offline
262
J-ran
#3
ya111:
Как это побороть?

Уйти от пикселей к процентам.

Загнать картинку в div-блок и ограничить максимальную высоту.

Как-то так: max-height:70%;

nezabor
На сайте с 19.07.2010
Offline
152
nezabor
#4

я тоже сначала сломался, а теперь понял, что проблема в том что у ТС масштаб выставлен в хроме и теперь страница в экран не влазит

сбросьте масштаб и прибудет с вами счастие)))

а так конечно, кидайте код, а то от того как вы пишете по русски у людей диссонанс крадет спокойную ночь)))

Чудес не бывает...
Оптимальное количество статьей в Что за стандарт такой Яндекс кобласит
Y1
На сайте с 29.06.2014
Offline
32
ya111
#5

Должно быть так

Выглядит вот так

<body>
<div class="header">
<div class="fon">
</div>
</div>

</body>
.header{width:100%;height:694px;margin:0;background: url(img/131313.jpg) no-repeat;}
.fon{width:100%;height:694px;margin:0;float:left;background-color: #d3ddfB; background: rgba(211,221,251, 0.25); }
Z0
На сайте с 03.09.2009
Offline
759
ziliboba0213
#6

1. А зачем float?

2. Попробуйте с этим поиграться, после пива туго соображается: http://htmlbook.ru/css/background-size

Вставил ваш код, все нормально везде. Не в этом проблема, как я понял...

P.S. Пока сайт не покажете, ничего более конкретного не могу сказать :)

nezabor
На сайте с 19.07.2010
Offline
152
nezabor
#7

ya111, вот такого значка у вас нету в хроме https://yadi.sk/i/gOZhK2DX3PXbYR

Y1
На сайте с 29.06.2014
Offline
32
ya111
#8
ya111, вот такого значка у вас нету в хроме https://yadi.sk/i/gOZhK2DX3PXbYR

эти изображения при 100%, , нужный вид приобретается при 80%.

---------- Добавлено 09.11.2017 в 00:52 ----------

P.S. Пока сайт не покажете, ничего более конкретного не могу сказать
так сайта пока нет, шапку только верстать пытаюсь:)
nezabor
На сайте с 19.07.2010
Offline
152
nezabor
#9
ya111:
эти изображения при 100%, , нужный вид приобретается при 80%.

чудес не бывает...

ya111:
.fon{width:100%;height:694px;margin:0;float:left;background-color: #d3ddfB; background: rgba(211,221,251, 0.25); }

вот это вообще ИМХО не верно

вы 2 раза даете заливку .fon так никакого смысла нет делать

кроме того попробуйте следующее 

body {

margin: 0;

    padding: 0;

}

.header{background: url('img/131313.jpg') top center no-repeat,  rgba(211,221,251, 0.25); width: 100%;}

да и float:left; вы тут зря используете

Y1
На сайте с 29.06.2014
Offline
32
ya111
#10

nezabor, спасибо!

Проблема на моем компе, на ноуте и компе мужа все выглядит как надо. Мой Хром и новая Опера при их 100% все увеличивают. Причину искать буду позже, так как муж просит побыстрее обновить его старый сайт и даст мне ноут для работы.

да, float:left; тут лишний, спасибо

.header{background: url('img/131313.jpg') top center no-repeat, rgba(211,221,251, 0.25); width: 100%;}

заливает цветом.

В моем случае надо оли осветлять картинку или накладывать светлее фон. Давно не верстрала, элементарные ошибки делаю ) два раза цвет фона указала.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий