IE не загружает лист CSS, HTML5 и html5shiv не помогают
Я работаю над этим html5, использую css, и мой сайт отлично работает на chrome и firefox, но не в IE 10. Ничто, написанное в файле css, не относится к IE.
Мой веб-сайт все еще остается локальным и незаконченным, но он сводит меня с ума, потому что я попробовал так много ответов, чтобы исправить IE, как html5shiv, и так далее...
Я также проверил валидатор и получаю только ошибки неопознанных атрибутов начальной загрузки.
я был бы рад, если бы кто-то мог взглянуть на мой код
body {
background-color: #D1E0B2;
}
header,
section,
footer,
aside,
nav,
main,
article,
figure {
display: block;
}
.fotos {
max-width: 100%;
height: auto;
}
.carousel-inner > .item > img {
max-width: 100%;
height: 360px;
margin: 0 auto;
}
.tres-colunas {
display: block;
width: 360px;
height: 170px;
vertical-align: middle;
border-bottom: 1px dashed #929493;
border-top: 1px dashed #929493;
margin: 10px;
padding-top: 8px;
float: left;
}
h3 {
font-size: 1.6em;
margin-top: 0;
}
.button-home {
float: right;
background-color: #A2BF4D;
border-radius: 6px;
color: #fff;
font-family: 'Arial';
font-size: 18px;
text-decoration: none;
cursor: pointer;
border: 1px solid #C2E066;
}
.button-home:hover {
float: right;
background-color: #9BB352;
border-radius: 6px;
color: #fff;
font-family: 'Arial';
font-size: 18px;
text-decoration: none;
cursor: pointer;
border: 1px solid #C2E066;
}<!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="pt" />
<meta name="description" content=' - ' />
<meta name="keywords" content=', ' />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="expires" content="-1" />
<title>Yeshiva Or Israel College</title>
<script>
document.createElement("myHero")
</script>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<link rel="shortcut icon" href="logo.png" />
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="myStyle.css" />
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<a>
<img src="tres_rgb.jpg" alt="Logo Da Yeshiva" width="1130" height="145" />
</a>
<ul class="nav nav-tabs">
<li class="active"><a href="#">Home</a>
</li>
<li><a href="#">Nossa filosofia</a>
</li>
<li><a href="#">Os Rabinos</a>
</li>
<li><a href="#">Campus</a>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Arquivos
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Videos</a>
</li>
<li><a href="#">Fotos</a>
</li>
<li><a href="#">Textos</a>
</li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Links Associados
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Camp Hashivenu</a>
</li>
<li><a href="#">Site Rav Karaguilla</a>
</li>
<li><a href="#">Canal do Rav Passy</a>
</li>
</ul>
</li>
<li><a href="#">Faça Parte</a>
</li>
<li><a href="#">Contato</a>
</li>
</ul>
<p> <b> Yeshivá Or Israel College. </b><i> Educando com amor.</i>
</p>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="carrosel_danca.jpg" alt="Dança dos Bachurim" />
<div class="carousel-caption">
<h3>União</h3>
<p>Alunos da Yeshivá dançando no páteo.</p>
</div>
</div>
<div class="item">
<img src="carrosel_shabat.jpg" alt="Um Shabat Especial" />
<div class="carousel-caption">
<h3>Um Shabat Especial</h3>
<p>A experiencia de Shabatot na Yeshivá eh algo especial.</p>
</div>
</div>
<div class="item">
<img src="carrosel_havdala_rs.jpg" alt="Havdala" />
<div class="carousel-caption">
<h3>Alegria no Judaismo</h3>
<p>Momentos especiais e inesqueciveis</p>
</div>
</div>
<div class="item">
<img src="carrosel_estudo_fora.JPG" alt="Estudo ao ar livre" />
<div class="carousel-caption">
<h3>Estudo da Torá</h3>
<p>Estudo da Torá em alto nivel.</p>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="tres-colunas">
<div class="col-sm-3 col-md-6 col-lg-4">
<img src="revista.png" alt="Revista Chai Or Israel" width="100" height="150" />
</div>
<div class="col-sm-9 col-md-6 col-lg-8">
<h3> Revista Chai </h3>
<p>A cada ano são lançadas novas revistas da Yeshivá ricas em conteudo e qualidade. Clique aqui para assinar a sua:</p>
</div>
<button class="button-home">Assinar</button>
</div>
<div class="tres-colunas">
<div class="col-sm-3 col-md-6 col-lg-4">
<img src="calendario.png" alt="calendario" width="100" height="150" />
</div>
<div class="col-sm-9 col-md-6 col-lg-8">
<h3> Novidades por aqui </h3>
<p>Fique por dentro dos novos eventos e acontecimentos.</p>
<span style="padding:25px"> </span>
</div>
<button class="button-home">Confira</button>
</div>
<div class="tres-colunas">
<div class="col-sm-3 col-md-6 col-lg-4">
<img src="livro-dessler.jpg" alt="Livros da Yeshivá" width="100" height="150" />
</div>
<div class="col-sm-9 col-md-6 col-lg-8">
<h3> Livros da Yeshivá </h3>
<p>A Yeshivá já publicou dezenas de livros. Venha conhecer quais!</p>
<span style="padding:25px"> </span>
</div>
<button class="button-home">De uma olhada</button>
</div>
</div>
</body>
</html>Я не загружаю изображения, если это необходимо, скажите мне...
4 ответа
Можете ли вы проверить то же самое на сервере, так как response.js работает только на сервере.
Проверьте, правильно ли он показывает другой браузер (например, Chrome, Firefox и т. д.), а также проверьте, происходит ли это только на вашем ноутбуке / ПК или на каждом ноутбуке / ПК.
если это происходит только на вашем ПК / ноутбуке, то есть вероятность того, что ваш IE не включил опцию таблицы стилей. У меня тоже была такая же проблема. Чтобы устранить эту проблему, выполните следующие действия:-
1. Запустите regedit.exe.
2. Перейдите к HKEY_CURRENT_USER\ ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ \ Microsoft \ Internet Explorer \ Main.
3. Дважды щелкните Use StyleSheets (или создайте это значение типа String, если оно не существует).
4.Чтобы разрешить таблицы стилей, установите для StyleSheets значение yes; чтобы запретить, установите его на нет. Нажмите ОК.
5.Закройте regedit.
6. Перезагрузите Internet Explorer (IE).
ответьте, если это поможет вам или нет..
Я на Windows 8.1 использую IE11 с той же проблемой. Вот как я это исправил:
На вашем компьютере выполните поиск "regedit.exe" (перейдите в меню "Пуск" и нажмите кнопку поиска в правом верхнем углу экрана).
После того, как regedit откроется, в левом столбце щелкните "HKEY_CLASSES_ROOT", а затем ".css". В правом столбце дважды щелкните "Тип содержимого". Это откроет диалоговое окно.
В диалоговом окне измените "значение данных" на "текст / CSS".
Нажмите "ОК" и все.
Я надеюсь, что это помогает другим людям там.
Можете ли вы сначала попытаться загрузить таблицу стилей, введя приведенную ниже ссылку в адресной строке http://localhost:paortnumber/path вашей папки css /myStyle.css
Пожалуйста, дайте мне знать, что вы найдете?