Как избавиться от прокрутки из-за слишком широкой картинки? Картинку менять нельзя

L
На сайте с 14.05.2007
Offline
153
867

Ситуация: сделан сайт, у которого лого имеет оч большую ширину, но из-за этого страница проматывается по горизонтали. При учете того, что таблица останавливается на правой границе монитора, но далее, из-под всей конструкции вылезает "хвост" логотипа.

Можно ли как-то усмирить это и прописать ограничения, дабы не было этой прокрутки?

Само собой лого менять нельзя, технологически оно нужно таким большим.

Зачем?

Задумка такая: сайт будут открывать люди с разной шириной монитора, а если рассчитывать только на малоразмерников, то те у кого широкий экран увидят что картинка кончилась, будет торчать фон, . Для этого и вот эта история...

Заранее благодарю!

зы. творение живет на wp

SEOmagic
На сайте с 21.11.2005
Offline
136
#1

Задать размер лого в процентах

L
На сайте с 14.05.2007
Offline
153
#2

и коим образом этого пможно добиться?

буду крайне благодарен, если приведете пример.

p.s.при этом не будет ли искажена картинка?

K
На сайте с 29.06.2005
Offline
76
#3

Используйте overflow-x:hidden;, чтобы убрать прокрутку.

[Удален]
#4
Kalian:
Используйте overflow-x:hidden;, чтобы убрать прокрутку.

Это не будет работать во всех браузерах. Засуньте лого в див, стиль для дива примерно такой: width:100%;overflow:hidden;

[Удален]
#5

Как вариант можете попробовать как здесь - картинки в центральном верхнем блоке.

L
На сайте с 14.05.2007
Offline
153
#6
Kalian:
Используйте overflow-x:hidden;, чтобы убрать прокрутку.
ahimaskrasavin:
Это не будет работать во всех браузерах. Засуньте лого в див, стиль для дива примерно такой: width:100%;overflow:hidden;

как оба этих варианта реализовать ? я не очень понимаю в исходниках, поэтому плз можно с примером?

файл logo.jpg, как для него оба этих чуда прописать?

Ragnarok
На сайте с 25.06.2010
Offline
239
#7

Вставляй лого не как картинку, а как фон слоя с "background: url('logo.jpg') no-repeat top left"; а родительский див уже растягивай по ширине монитора

//TODO: перестать откладывать на потом

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