Не видит стилей в ИЕ и мозиле

Очень · May 7, 2011

вот собственно код css, в опере и хроме все шикарно, однако в ие все содержимое футера как буд-то стилей и нет. Меню в шапке стоит на месте, что удивительно

чую где-то накосячил, вот только ввиду не столь глубоких познаний не нахожу где

* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


/* Header
—————————————————————————--*/
#header {
	height: 522px;
	background-image:url(img/bg-header.jpg);
}
#logo {
padding:38px 0 0 50px;
}
#menu {
width:150px;
font-style:"times new roman", sans-serif;
font-style: italic;
font-size:18px;
padding:66px 0 0 50px;
color:#ffffff;
}
#menu  a:link {color:#ffffff;font-style:"Times new roman", sans-serif;}
#menu  a:hover {color:#ffffff;font-style:"Times new roman", sans-serif;}
#menu  a:visited {color:#ffffff;font-style:"Times new roman", sans-serif;}

#contact-hed {
width:350px;
height:80px;
padding:165px 0 0 50px;
}
#cont { width:120px; height:50px; float:right; margin:-65px 120px 0 0;}
#kod (float:right;}
#img-contact {
float:left;
}
#text-contact {font-style: italic;}
#nummer-contact {font-style: italic;}
h4 {color:#5ec5da;float:right; margin:-20px 15px 0 0;font-size:17px;}

/* Middle
—————————————————————————--*/
#content {
	padding: 0 0 110px;
	font-style:"Tahoma", sans-serif;
}
#img-news {
float:left;
padding:10px 10px 10px 0;
}

#big-news {
width:900px;
margin-left:50px;
}
#small-news {
width:900px;
height:300px;
margin-left:50px;
}
#logo-small-news {
width:900px;
height:50px;
}
#logo-small-news-1  {float:left;padding-right:10px;}
#logo-small-news-2 {float:left;font-style: italic;color:#3db9d3}
#logo-small-news-2   a:link {color:#3db9d3;font-style:"Times new roman", sans-serif;font-style: italic;}
#logo-small-news-2   a:hover {color:#3db9d3;font-style:"Times new roman", sans-serif;font-style: italic;}
#logo-small-news-2   a:visited {color:#3db9d3;font-style:"Times new roman", sans-serif;font-style: italic;}

#small-news-go   a:link {color:#3db9d3;font-style:"Times new roman", sans-serif;font-style: italic;}
#small-news-go   a:hover {color:#3db9d3;font-style:"Times new roman", sans-serif;font-style: italic;}
#small-news-go   a:visited {color:#3db9d3;font-style:"Times new roman", sans-serif;font-style: italic;}
#small-news-go {
width:230px;
float:left;
height:250px;
color:#424242;
}
#date {
width:70px;
height:200px;
float:left;
font-style: italic;
font-size:17px;
font-style: "Times news Roman", sans-serif;
text-align:center;
}





/* Footer
—————————————————————————--*/
#footer {
	border-top:2px #c4c4c4 solid;
	width: 900px;
	margin: -110px auto 0;
	height: 110px;
	background: #ffffff;
}
#copy {
color:#c4c4c4; 
float:left;
width:75px;
height:auto;
margin:33px 0 0 69px;
}
#text-footer-center {
color:#c4c4c4; 
float:left;
width:280px;
margin:33px 0 0 252px;

}
#counter-foot {
margin-top:38px;
margin-right:15px;
float:right;
}

вот как в опере и хроме:

а вот что творится в ие и мозиле:

Edited May 7, 2011 by Очень

andyarus · May 7, 2011

Покажите код html.

Не знаю как другие, я качать ничо не буду.

* {

margin: 0;

padding: 0;

}

Так не рекомендуется.

Edited May 7, 2011 by andyarus

Очень · May 7, 2011

andyarus, вот:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title></title>
	<meta name="title" content="" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
</head>

<body>

<div id="wrapper">

	<div id="header">
		<div id="logo"><a href="#"><img src="img/logo.jpg"/></a></div>
		<div id="menu">
		<a href="#">—  Главная</a><br>
		<a href="#">—  Продукция</a><br>
		<a href="#">—  Услуги</a><br>
		<a href="#">—  Цены</a><br>
		<a href="#">—  Дилерам</a><br>
		<a href="#">—  О нас</a><br>
		<a href="#">—  Контакты</a><br>
		</div>
		<div id="contact-hed">
		<div id="img-contact"><img src="img/mobile.jpg"/></div>
		<div id="cont">
		<div id="text-contact">Звоните:</div>
		<div id="nummer-contact"><h5>(934)</h5><h4>23-54-23</h4></div>
		</div>
		</div>
	</div><!-- #header-->

	<div id="content">
		<div id="big-news">
		<p><h3>Кровля TEGOLA – эталон совершенства</h3></p>

		<p>Хорошее кровельное покрытие – это всегда образец эстетичности, долговечности и надежности, это венец здания. Каждый мечтает о кровле, под которой будет спокойно и уютно, которая не пропустит внутрь ни капли дождя, убережет от шума, и если уж не от всех невзгод, то, по крайней мере от многих проблем, связанных с крышей над головой.</p> <div id="img-news"><img src="img/img-news.jpg"/></div>

		<p>Прочная, но в то же время гибкая, действительно мягкая кровля - это не мечта, это реальность. Компания TEGOLA – безусловный лидер на европейском рынке кровельных материалов уже создала реальность, позаботившись о Вас на многие десятилетия вперед. Мягкая кровля – вот идеальное решение для самых стильных, смелых проектов и оригинальных идей.</p>

<p>Свыше 30 лет, со дня основания компании, черепица TEGOLA не только держит марку, но и диктует стандарты качества всему миру. Лучшие природные материалы, превосходная цветовая гамма, эксклюзивный модельный ряд (битумная черепица линии «Супер», «Премиум» и др.) позволяют создавать потрясающие по красоте крыши домов и коттеджей. И мягкая кровля с базальтовым верхним слоем, и медная кровля (коллекция «Эксклюзив») прекрасно ложится на самые сложные скаты с переменным углом наклона и не теряет своих качеств несколько десятков лет. Более того, черепица с медным или цинк-титановым покрытием с годами только улучшается, покрываясь благородной, изысканной патиной.</p>

<p>Кровля, изготовленная с применением «ноу-хау» компании на собственных фабриках на самом современном европейском оборудовании – предмет гордости не только специалистов компании, но и владельцев каждого дома, в строительстве которого была использована медная кровля или черепица с базальтовым покрытием TEGOLA. </p>

<p>Но не только безупречная, подкупающая красота сделала мягкую кровлю столь популярной среди застройщиков. Гибкая черепица отличается уникальными эксплуатационными характеристиками, позволяющими использовать этот кровельный материал в непростом российском климате.</p>


			</div>
		<div id="small-news">
		<div id="logo-small-news">
		<div id="logo-small-news-1"><h3>Наши новости</h3></div> 
		<div id="logo-small-news-2"><a href="#"><sup><img src="img/layer.jpg"/> все новости</sup></a></div>
			</div>
		<div id="date">24 / 02</div>
		<div id="small-news-go">
		<p><a href="#">Гибкая черепица линии СУПЕР</a></p> – это надежный кровельный материал с базальтовым покрытием и универсальным дизайном. Черепица легко монтируется на кровли сложной конфигурации, обеспечивает надежную гидроизоляцию и стойко выдерживает перепады температур.
		</div>
		<div id="date">23 / 02</div>
		<div id="small-news-go">
		<p><a href="#">Черепица ТЕГОЛА Линия ЭКСКЛЮЗИВ</a> </p>объединяет респектабельные модели гибкой черепицы с медным и цинк-титановым покрытием – передовые разработки компании TEGOLA. Металлическое покрытие, нанесенное с филигранной точностью, защищает битумный слой и многократно усиливает эксплуатационные характеристики черепицы.

		</div>
		<div id="date">15 / 01</div>
		<div id="small-news-go">
		<p><a href="#">Аксессуары и комплектующие для черепицы</a></p>Мы поставляем широкий ассортимент аксессуаров и комплектующих для устройства кровли с покрытием из гибкой черепицы «под ключ»: мастики, коньковые элементы, вентиляционные элементы, противомоскитные сетки, снегозадержатели.
		</div>
				</div>
	</div><!-- #content-->

</div><!-- #wrapper -->

<div id="footer">
	<div id="copy">
	© Кровля.рф<br>
2008-2011
	</div>
	<div id="text-footer-center">
	Москва <br>
ООО «ТЕГОЛА РУФИНГ СЕЙЛЗ» <br>
107113, г. Москва, ул. Лобачика, д.11, этаж 6 <br>
телефон: +7(495) 660-90-40 (многоканальный)<br>
	</div>
	<div id="counter-foot"><a href="#"><img src="img/counter.jpg"/></a></div>
</div><!-- #footer -->

</body>
</html>

buddah · May 7, 2011

<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />

Возможно браузеры пропускают эту сточку.

а если написать полный путь к css?

Очень · May 7, 2011

buddah, пробовал и так:

<link rel="stylesheet" href="M:/home/dom/style.css" type="text/css" media="screen, projection" />

залил на хостинг, http://dom.work.la-web.ru/

наглядно видно в ИЕ css файла как и не было

через оперу как надо выглядит

buddah · May 7, 2011

У меня все нормально, в ИЕ6 проверил.

Edited May 7, 2011 by buddah

Очень · May 7, 2011

быть не может, у меня и ещё одного человечка все наперекосяк

нашел ошибку что вместо font-family:"Times new roman" писал font-style:"Times new roman" но даже после такого исправления все как было

psywalker · May 7, 2011

http://screencast.com/t/bT3A7HTr222I

buddah · May 7, 2011

Ну вот же, ИЕ6

Очень · May 7, 2011

psywalker, это в каком браузере?

buddah, а в firefox тодже нормально? Тогда у меня с кешем проблемы

psywalker · May 7, 2011

psywalker, это в каком браузере?
buddah, а в firefox тодже нормально? Тогда у меня с кешем проблемы

В ИЕ6

buddah · May 7, 2011

А вот в Фаерфоксе так, как Вы написали: ссылки в меню налезают друг на друга, футер не подхватывает стили.

Очень · May 7, 2011

Значит, осталось разобраться почему в forefox стили не берет

Edited May 7, 2011 by Очень

andyarus · May 7, 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

скорее всего в этом проблема.

Очень · May 7, 2011

а как её исправить?

psywalker · May 7, 2011

а как её исправить?

Исправить что? Доктайп?

Очень · May 7, 2011

Исправить что? Доктайп?

проблему

Edited May 7, 2011 by Очень

psywalker · May 7, 2011

Исправить что? Доктайп?
проблему

Ну это уже надо тебе адреса проверять, либо код тщательно проверить, может где-то что-то ты не так написал.

andyarus · May 7, 2011

ну ты алень! столько времени потратил, а ошибка то банальная!

#kod (float:right;} !!!

В следующий раз юзай сначала валидаторы, потом уже вопросы задавай на форумах :rolleyes:

html validator

css validator

+ у тебя в коде еще куча говна. учи теорию

mishka · May 7, 2011

Валидатор тебе в помощь.

5 минут и ошибка найдена.

У тебя поначалу больше времени будет уходить, но потом научишся.

Очень · May 7, 2011

ну ты алень! столько времени потратил, а ошибка то банальная!
#kod (float:right;} !!!
В следующий раз юзай сначала валидаторы, потом уже вопросы задавай на форумах
html validator
css validator
+ у тебя в коде еще куча говна. учи теорию

спасибо огромное!!!

а ведь выделял мне notepad эту строку, да видимо не заметил

Sign In

Не видит стилей в ИЕ и мозиле

Question

Link to comment

Share on other sites

20 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information