Сбой макета CSS, когда веб-страница размещена

0

У меня есть веб-страница с макетом CSS. Локально все работает нормально. Макет правильно создан в Chrome и IE. Однако, когда одна и та же страница размещена, она полностью нарушена в IE.

Обобщить:

Локально: файл:///C: /website/index.htm

  • Хром: Хорошо!
  • IE 10: Хорошо!

Хостинг: http://www.website.com/index.htm

  • Хром: Хорошо!
  • IE 10: NOk !

Кто-нибудь есть идея по этой проблеме?

Пример кода, который работает локально, но не в сети:

CSS

.headerleft {
   float: left; 
   width: 246;
   height: 56;
   background-image:url(images/Logo_2.png);     
}

HTML

<div class = "headerleft">      
</div>

Ссылка StyleSheet

<link href="style.css" type="text/css" rel="stylesheet" />

Здесь, например, размер div равен null, и фоновое изображение не отображается.

  • 7
    Нет, не без вашего HTML ....
  • 1
    Какая версия IE - та же версия локально и когда размещена? Что конкретно не работает? Скриншоты или примеры будут полезны!
Показать ещё 9 комментариев
Теги:

1 ответ

0
Лучший ответ

Добавьте эту строку в свой css. Не удаляйте ничего. Посмотрите, делает ли это загрузку изображения в IE9.

background: url('/images/Logo_2.png');

Также, если вы хотите, чтобы это не повторялось, добавьте

background: url('/images/Logo_2.png') no-repeat;

Я также должен добавить ваш вопрос, немного запутанный. Добавленная вами ссылка отправляет меня на главную страницу строителей сайта.

некоторые проблемы, которые могут возникнуть у вас.

  1. По какой-либо причине ссылка, которую вы предоставили, имеет расширение.htm not.html. Изменение этого в браузере не помогает.

  2. Возможно, вы запутаете ссылку, чтобы просмотреть свою страницу со ссылкой на основной сайт, который вы используете, чтобы создать его.

  3. Вы могли бы изменить настройку в файле htaccess на сервере, чтобы загрузить страницу с другим расширением файла.

Если эти шаги не помогут, предоставьте дополнительную информацию, и я сделаю все возможное, чтобы помочь вам.

Если ваше замечательное неустойчивое поведение из ваших divs после поплавков, это может помочь clearfix. Это делается путем очистки ваших поплавков.

clear: both;

Вот как вы очищаете float:

прочитайте это, чтобы помочь вам понять: http://css-tricks.com/all-about-floats/

Вот и пример кода:

создать класс в вашем css

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

Теперь вы добавляете четкое исправление в свой html

<div style="float: left;" class="clearfix">Sidebar</div>
  • 0
    Спасибо за ваше предложение. свойство backgroung ничего не меняет. Показанная ссылка никуда вас не отправит, это всего лишь пример :). Нет никакой путаницы между страницей, которую посетили с помощью ссылки, и созданной страницей. Это абсолютно то же самое
  • 0
    Что странно, так это то, что тот же IE 10 правильно открывает страницу, когда она находится на моем жестком диске, но не работает, когда он подключен
Показать ещё 5 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню