Я создал веб-сайт, используя Скелетный шаблон так, чтобы это было отзывчиво и доступно мобильным пользователям, у всех страниц кроме страницы контакта есть полное фоновое изображение ширины , но не набор как фоновое изображение это - тег img , и я дал содержание, которое накладывает его отрицательный край .
Причины этого:
- мне нужен он, чтобы быть полной шириной и содержанием; у Скелетного шаблона есть левые и правые края так, чтобы остановил меня устанавливающий фоновое изображение на содержании.
- мне также нужно изображение, содержащее отделение, чтобы всегда быть полной высотой изображения, но высота изображения не размер набора, это отвечает на ширину браузера и поддерживает ее форматное соотношение.
- изображение содержится в другом отделении, у которого есть прозрачный плиточный фон, который накладывает изображение с диагональными строками развертки, это необходимо для дизайна, и я не хочу использовать многократные фоновые изображения CSS3 просто все же, потому что я хочу поддержать некоторые более старые браузеры.
- я хотел бы, чтобы изображение было больше, чем необходимый (я понимаю прямо сейчас, что это немного слишком большое) так, чтобы это было приемлемое качество даже на более крупных мониторах резолюции.
Now I'd rather not use negative margins, I know they are valid code but I've had problems width them in the past and was wondering is there any other way of achieving the same result without them?
Я попытался использовать абсолютное расположение на img второстепенный элемент, и Firefox по некоторой неизвестной причине добавляет большой пустой кусок пространства в начале документа, снижающего целую страницу, возможно, 200 пкс.
Веб-сайт - www.f3racing.co.uk