Положение изображения не одинаково для разных браузеров

Question

Положение изображения не одинаково для разных браузеров

0

CSS/HTML Newbie. У меня есть логотип, который я пытаюсь разместить на странице. На Firefox, IE и Chrome на моем рабочем столе он появляется в той позиции, которую я хочу. На моем MBPr это в другом положении (Chrome и Safari отображают его в том же положении. Спасибо за вашу помощь.

Я нашел трюк #fsbg здесь

CSS

#fsbg {
  height: 100%; width: 100%;
  position: fixed;
  z-index: -100;
  left: 0px; top: 0px;
  min-height: 100%;
  min-width: 1040px;
}

#logo {
  position:absolute;
  left:400px;
  right:0;
  top:46px;
  bottom:0px;
  width:100%;
}

#body { font-family: Arial; }

HTML

<body>
  <img src="image.jpg" name="fsbg" width="2880" height="1913" id="fsbg">
  <div id="logo"> 
    <img src="image.jpg" width="201" height="103">
  </div>
</body

Это то, что должно выглядеть (логотип "gonenomadic") http://i40.tinypic.com/2qkm3qc.jpg

В сафари и хром на моем MBPr он немного ниже.

Shoegazer 22 окт. 2013, в 08:35

Источник

3

чего ты хочешь достичь?
ncm 22 окт. 2013, в 06:00
0

Пожалуйста, объясните, почему то, что у вас уже есть, не работает так, как вы ожидаете.
mavrosxristoforos 22 окт. 2013, в 06:05
0

Я пытаюсь расположить изображение, но оно появляется в другом положении в Safari и Chrome на MacBook Pro на рабочем столе Windows.
Shoegazer 22 окт. 2013, в 06:06
0

«Это немного ниже» <- Это проблема?
mavrosxristoforos 22 окт. 2013, в 06:17
0

спасибо за ответ, да (вот почему я прошу помощи?)
Shoegazer 22 окт. 2013, в 07:04
0

Как вы устанавливаете вертикальные и горизонтальные линии за логотипом? Может быть, это не то же самое, из-за разной высоты окна просмотра браузера?
mavrosxristoforos 22 окт. 2013, в 07:57
0

Вы используете reset.css . Обнулить все свойства, которые могут повлиять на ваше изображение и построить CSS из базовой линии
gwillie 22 окт. 2013, в 08:24
0

@mavrosxristoforos вот фоновое изображение. я создал линии на фоновом изображении в фотошопе
Shoegazer 22 окт. 2013, в 08:32
0

@gwillie Мне любопытно: как вы узнали, что ОП использует reset.css?
mavrosxristoforos 22 окт. 2013, в 09:00
0

@mavrosxristoforos Ой, это должно было прочитать Are you using...
gwillie 22 окт. 2013, в 09:42
0

@ gwillie Привет, нет, я не использую сброс CSS
Shoegazer 22 окт. 2013, в 10:13
0

@Shoegazer ... все, что связано с позицией вашего изображения (для этого факта, каждого элемента), должно быть сброшено до некоторой базовой линии, поэтому независимо от того, в каком браузере оно просматривается, базовые стили CSS применяются первыми. Поиск в Google для «reset.css» или аналогичного. Я сторонник CSS сброса :)
gwillie 22 окт. 2013, в 10:32
0

@gwillie попытался с помощью css reset (normalize.css) все еще столкнулся с той же проблемой, я настроил тестовый сайт, чтобы вы могли посмотреть gonenomadictest.co.nf
Shoegazer 22 окт. 2013, в 13:27
0

@ Шогазер без MBPr , все, что я могу сказать, это ... вам понадобится профессионал «Mac Book», чтобы помочь. Если сброс css не помог, и инспектор сообщает о тех же настройках, то, возможно, это проблема для iOS (я сомневаюсь, но это яблоко, и они уже не лучше, чем Microsoft). Кроме того, ваша ссылка gonenomadictest.co.nf прекрасно показывает себя на ноутбуке Debian 6 Chrome 19.
gwillie 22 окт. 2013, в 13:58

Показать ещё 12 комментариев

Теги:

html

css

position

1 ответ

Ещё вопросы

Пожалуйста, объясните, почему то, что у вас уже есть, не работает так, как вы ожидаете.
Я пытаюсь расположить изображение, но оно появляется в другом положении в Safari и Chrome на MacBook Pro на рабочем столе Windows.
«Это немного ниже» <- Это проблема?
спасибо за ответ, да (вот почему я прошу помощи?)
Как вы устанавливаете вертикальные и горизонтальные линии за логотипом? Может быть, это не то же самое, из-за разной высоты окна просмотра браузера?
Вы используете reset.css . Обнулить все свойства, которые могут повлиять на ваше изображение и построить CSS из базовой линии
@mavrosxristoforos вот фоновое изображение. я создал линии на фоновом изображении в фотошопе
@gwillie Мне любопытно: как вы узнали, что ОП использует reset.css?
@mavrosxristoforos Ой, это должно было прочитать Are you using...
@ gwillie Привет, нет, я не использую сброс CSS
@Shoegazer ... все, что связано с позицией вашего изображения (для этого факта, каждого элемента), должно быть сброшено до некоторой базовой линии, поэтому независимо от того, в каком браузере оно просматривается, базовые стили CSS применяются первыми. Поиск в Google для «reset.css» или аналогичного. Я сторонник CSS сброса :)
@gwillie попытался с помощью css reset (normalize.css) все еще столкнулся с той же проблемой, я настроил тестовый сайт, чтобы вы могли посмотреть gonenomadictest.co.nf
@ Шогазер без MBPr , все, что я могу сказать, это ... вам понадобится профессионал «Mac Book», чтобы помочь. Если сброс css не помог, и инспектор сообщает о тех же настройках, то, возможно, это проблема для iOS (я сомневаюсь, но это яблоко, и они уже не лучше, чем Microsoft). Кроме того, ваша ссылка gonenomadictest.co.nf прекрасно показывает себя на ноутбуке Debian 6 Chrome 19.

pwavg · Answer 1 · 2013-10-22T04-26-00.000Z

Вам нужен масштабируемый фон? Вы можете использовать чистый CSS

body {
    background: url(image.jpg) center no-repeat;
    background-size: cover;
}

Это работает в современных браузерах. Для использования в IE8 и ниже вы можете использовать backgroundsize.htc https://github.com/louisremi/background-size-polyfill

Спасибо за ответ. Нет, это не фон, я просто пытаюсь разместить логотип «гоненомедики», на котором я разместил скриншот, это просто png. В одном браузере он выглядит хорошо, а в другом чуть ниже.