У меня есть веб-страница с макетом CSS. Локально все работает нормально. Макет правильно создан в Chrome и IE. Однако, когда одна и та же страница размещена, она полностью нарушена в IE.
Обобщить:
Локально: файл:///C: /website/index.htm
Хостинг: http://www.website.com/index.htm
Кто-нибудь есть идея по этой проблеме?
Пример кода, который работает локально, но не в сети:
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, и фоновое изображение не отображается.
Добавьте эту строку в свой css. Не удаляйте ничего. Посмотрите, делает ли это загрузку изображения в IE9.
background: url('/images/Logo_2.png');
Также, если вы хотите, чтобы это не повторялось, добавьте
background: url('/images/Logo_2.png') no-repeat;
Я также должен добавить ваш вопрос, немного запутанный. Добавленная вами ссылка отправляет меня на главную страницу строителей сайта.
некоторые проблемы, которые могут возникнуть у вас.
По какой-либо причине ссылка, которую вы предоставили, имеет расширение.htm not.html. Изменение этого в браузере не помогает.
Возможно, вы запутаете ссылку, чтобы просмотреть свою страницу со ссылкой на основной сайт, который вы используете, чтобы создать его.
Вы могли бы изменить настройку в файле 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>