Прошу помощи с CSS!!!

**Nonames** · 05.03.2011 22:39

Ломаю голову над проблемой-не могу решить.

Наверстал сайт на html/css. Файл со стилем один на всю страницу, небольшой. Во всех браузерах работает нормально, за исключением IE. IE видит мой макет, заполняет его бэкграундами, которые объявлены в css и стопорится на тексте. То есть сам css организован таким образом, что сначала идет объявление макета с заполнением фона, потом идет объявление классов с вложенным контентом.
Чтобы было еще понятнее- в Html-коде, на месте меню идет div с объявлением класса. Класс прописан в css, в него вложен content "мой текст".Так вот как раз этот текст IE и не отображает...Как я понял IE вообще не воспринимает классы.
Люди добрые, помогите решить проблему((

**SevBro** · 06.03.2011 02:56

Ссыль бы дал, а то что смотреть, как править?

**aidem** · 06.03.2011 14:44

Сообщение от Nonames

...Как я понял IE вообще не воспринимает классы.

IE нормально воспринимает классы, .. тебе никто не сможет тут помочь пока ты ссылку не даш на проблемный сайт..

**Nonames** · 06.03.2011 19:26

Сообщение от aidem

IE нормально воспринимает классы, .. тебе никто не сможет тут помочь пока ты ссылку не даш на проблемный сайт..

Да в том и суть, что сайт на компьютере в виде html и css. На сервере его нет еще. Он в стадии создания.

**Nonames** · 06.03.2011 21:47

Вот к примеру:

.menu{text-align:center; font-size:16}
.menu p{margin-top:10px; margin-bottom:0px}
.menu p:after {content:'Меню'}

Если в html писать что-то после тега p, то все стили успешно применяются (в данном случае размер 16, отступ 10пикс).
Если после тега ничего не писать, должна быть надпись Меню из контента, а ее нет!! То есть первые 2 строки IE понимает, а последнюю нет!
Думал проблема в псевдоэлементе after, но IE 8 по справочнику его должен воспринимать.... Content тоже....

В чем же дело?

**SevBro** · 08.03.2011 00:22

3 раза точка запятой пропущена и не морочь людям голову, выложи исходник если тебе действительно помощь нужна.

**Nonames** · 09.03.2011 00:28

Пожалуйста, простейший пример:

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

<head>
<style type="text/css">
body{color:red}
#main{width:200px; height:100px; border:1px solid #000000; position:absolute; left:145px;margin-top:0px;}
.menu{text-align:center; font-size:26;}
.menu p{margin-top:10px; margin-bottom:0px;}
.menu p:after {content:'Меню';}
</style>
</head>

<body>
<div id="main">
<span class="menu"><p>Привет</p></span>
</div>
</body>

</html>

**SevBro** · 09.03.2011 00:39

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > - используй полные доктайпы
<html>

<head>
<style type="text/css">
body{color:red;}
#main{width:200px; height:100px; border:1px solid #000000; position:absolute; left:145px; margin-top:0px;} - смысл?
.menu{text-align:center; font-size:26px;} - или другие измерения
.menu p{margin-top:10px; margin-bottom:0px;} - опять же, смысл?
.menu p:after {content:'Меню';} - почитай для закрепления
</style>
</head>

<body>
<div id="main">
<span class="menu"><p>Привет</p></span>
</div>
</body>

</html

**Nonames** · 09.03.2011 00:54

Спасибо большое!Обращу внимание на замечания!

	05.03.2011 22:39 #1
Nonames Junior Member Регистрация: 05.03.2011 Сообщений: 5 Репутация: 10	Ломаю голову над проблемой-не могу решить. Наверстал сайт на html/css. Файл со стилем один на всю страницу, небольшой. Во всех браузерах работает нормально, за исключением IE. IE видит мой макет, заполняет его бэкграундами, которые объявлены в css и стопорится на тексте. То есть сам css организован таким образом, что сначала идет объявление макета с заполнением фона, потом идет объявление классов с вложенным контентом. Чтобы было еще понятнее- в Html-коде, на месте меню идет div с объявлением класса. Класс прописан в css, в него вложен content "мой текст".Так вот как раз этот текст IE и не отображает...Как я понял IE вообще не воспринимает классы. Люди добрые, помогите решить проблему((
0 Nonames

	06.03.2011 02:56 #2
SevBro Гуру Регистрация: 28.07.2010 Сообщений: 533 Записей в дневнике: 1 Репутация: 63	Ссыль бы дал, а то что смотреть, как править? Облачный хостинг, всего 5$/мес. — 512MB Memory, 1 Core, 20GB SSD Disk, 1TB Transfer
0 SevBro

	06.03.2011 14:44 #3
aidem Orange Регистрация: 11.11.2010 Сообщений: 502 Репутация: 127 Webmoney BL: ?	Сообщение от Nonames ...Как я понял IE вообще не воспринимает классы. IE нормально воспринимает классы, .. тебе никто не сможет тут помочь пока ты ссылку не даш на проблемный сайт..
0 aidem

	06.03.2011 19:26 #4
Nonames Junior Member Регистрация: 05.03.2011 Сообщений: 5 Репутация: 10	Сообщение от aidem IE нормально воспринимает классы, .. тебе никто не сможет тут помочь пока ты ссылку не даш на проблемный сайт.. Да в том и суть, что сайт на компьютере в виде html и css. На сервере его нет еще. Он в стадии создания.
0 Nonames

	06.03.2011 21:47 #5
Nonames Junior Member Регистрация: 05.03.2011 Сообщений: 5 Репутация: 10	Вот к примеру: .menu{text-align:center; font-size:16} .menu p{margin-top:10px; margin-bottom:0px} .menu p:after {content:'Меню'} Если в html писать что-то после тега p, то все стили успешно применяются (в данном случае размер 16, отступ 10пикс). Если после тега ничего не писать, должна быть надпись Меню из контента, а ее нет!! То есть первые 2 строки IE понимает, а последнюю нет! Думал проблема в псевдоэлементе after, но IE 8 по справочнику его должен воспринимать.... Content тоже.... В чем же дело?
0 Nonames

Прошу помощи с CSS!!!

Опции темы

Спасибо сказали:

Тэги топика:

Похожие темы

Прошу помочь с созданием дорвеев

Прошу помощи! SOS. по продвижению блога в поисковых сайтах.

Прошу покритиковать мой сайт.

Прошу помощи! Панель Я.Вебмастера - внешние ссылки появляются и исчезают.

Прошу Вашего голоса

Интересные темы

преобразование голоса в текст

Тем:

Сообщений:

Пользователей:

Сейчас на сайте:

Вход

Сайт

Разделы

Прочее

Следите за нами

Витрина ссылок

У нас проходит

У кого попросить инвайт?

Золотые темы форума

Последние новости

Популярные темы

Информеры

	08.03.2011 00:22 #6
SevBro Гуру Регистрация: 28.07.2010 Сообщений: 533 Записей в дневнике: 1 Репутация: 63	3 раза точка запятой пропущена и не морочь людям голову, выложи исходник если тебе действительно помощь нужна. Облачный хостинг, всего 5$/мес. — 512MB Memory, 1 Core, 20GB SSD Disk, 1TB Transfer
0 SevBro

	09.03.2011 00:28 #7
Nonames Junior Member Регистрация: 05.03.2011 Сообщений: 5 Репутация: 10	Пожалуйста, простейший пример: <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <style type="text/css"> body{color:red} #main{width:200px; height:100px; border:1px solid #000000; position:absolute; left:145px;margin-top:0px;} .menu{text-align:center; font-size:26;} .menu p{margin-top:10px; margin-bottom:0px;} .menu p:after {content:'Меню';} </style> </head> <body> <div id="main"> <span class="menu"><p>Привет</p></span> </div> </body> </html>
0 Nonames

	09.03.2011 00:54 #9
Nonames Junior Member Регистрация: 05.03.2011 Сообщений: 5 Репутация: 10	Спасибо большое!Обращу внимание на замечания!
0 Nonames

Темы	Раздел	Ответов	Последний пост
Прошу помочь с созданием дорвеев	Дорвеи и black SEO	27	02.07.2018 08:12
Прошу помощи! SOS. по продвижению блога в поисковых сайтах.	Общие вопросы поисковой оптимизации	13	15.04.2011 01:44
Прошу покритиковать мой сайт.	Оценка ваших сайтов, блогов	10	12.04.2011 16:07
Прошу помощи! Панель Я.Вебмастера - внешние ссылки появляются и исчезают.	Поисковые системы	15	21.01.2011 15:07
Прошу Вашего голоса	Оффтоп и свободные темы	5	27.05.2010 17:22