powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
16 сообщений из 16, страница 1 из 1
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
    #36331057
helloword
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
 14 : 00   25 . 11 . 2009 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Нет</title>
  <style type="text/css">
   .layout {
	MARGIN: 0px auto; WIDTH: 954px
  }
  </style> 
 </head>
 <body>
 
<DIV class="layout">
  Текст
</DIV>

 </body>
</html>

в IE из того что <!DOCTYPE .. не первой строкой а дата (14:00 25.11.2009)(вместо даты может быть что угодно) первой все отрисовывается без центрирования. FF и Chrome рисуют правильно делают отступ слева так чтобы выровнять текст шириной в 954px по центру.

Как с этим бороться? Текст перед <!DOCTYPE ... добавляется автоматом системой управления сайтом и убрать это нельзя.
...
Рейтинг: 0 / 0
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
    #36331674
an0nym
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
helloword,

DOCTYPE должен стоять в самом начале документа.
...
Рейтинг: 0 / 0
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
    #36332131
helloword
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
an0nymhelloword,

DOCTYPE должен стоять в самом начале документа.

Ну это я думаю все знают.

те эта проблема не решаема?
...
Рейтинг: 0 / 0
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
    #36332591
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hellowordте эта проблема не решаема?

Как вариант...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<style type="text/css">
body {
	text-align: center;
}
.layout {
	MARGIN: 0px auto; 
	WIDTH: 954px;
	border: 1px solid;
}
</style> 
...
Рейтинг: 0 / 0
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
    #36333304
helloword
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsahellowordте эта проблема не решаема?

Как вариант...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<style type="text/css">
body {
	text-align: center;
}
.layout {
	MARGIN: 0px auto; 
	WIDTH: 954px;
	border: 1px solid;
}
</style> 


ок! Спасибо! помогаеть)

а как быть с меню?
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
 14 : 00   25 . 11 . 2009 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Нет</title>
  <style type="text/css">
body {
	text-align: center;
}
   .layout {
	MARGIN: 0px auto; WIDTH: 954px;
                  border: 1px solid;
  }
.layout-in {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; PADDING-TOP: 0px
}
.head-nav {
	POSITION: relative; MARGIN: 20px 0px 45px; HEIGHT: 50px
}
#nav {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 47px; PADDING-TOP: 0px;
}
#nav LI A {
	TEXT-DECORATION: none
}
#nav LI A:hover {
	COLOR: white; TEXT-DECORATION: underline
}
#nav LI {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 0px; DISPLAY: block; FLOAT: left; HEIGHT: 47px; PADDING-TOP: 0px
}
#nav LI LI {
	HEIGHT: 45px
}
#nav LI UL {
	DISPLAY: none
}
#nav LI.off UL {
	POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 936px; PADDING-RIGHT: 0px; TOP: 47px; PADDING-TOP: 0px; LEFT: 0px
}
#nav LI.on UL {
	POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 936px; PADDING-RIGHT: 0px; TOP: 47px; PADDING-TOP: 0px; LEFT: 0px
}
#nav LI UL LI {
	Z-INDEX:  5 ; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FONT-SIZE:  1 .1em; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
#nav LI A {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 47px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; DISPLAY: block; FLOAT: left; HEIGHT:  100 %; COLOR: #fff; FONT-SIZE:  1 .4em; PADDING-TOP: 0px
}
#nav LI A:hover {
	COLOR: #ff0000
}
#nav LI.on UL {
	DISPLAY: block
}
#nav LI.off:hover UL {
    PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 45px; FONT-SIZE:  0 .9em; PADDING-TOP: 0px;
    WIDTH:  100 %;  HEIGHT:  100 %;
}
#nav LI.overnav UL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 45px; FONT-SIZE:  0 .9em; PADDING-TOP: 0px;
	 WIDTH:  100 %; HEIGHT:  100 %;
}
#nav LI[class].off:hover UL {
	BACKGROUND: # 000 ;
	 WIDTH:  100 %;  HEIGHT:  100 %;
}
#nav LI[class].overnav UL {
 	BACKGROUND: # 000 ;
 	WIDTH:  100 %; HEIGHT:  100 %;
}
  </style> 
 </head>
 <body>
 
<DIV class="layout">
<DIV class="layout-in">
<DIV class="head" style="Z-INDEX: 1000; left: 0px; top: -1px;">
<DIV class="head-nav" style="left: 0px; top: -6px">

<UL id="nav">
<LI class="off"><A href="#" style="color:black;">Меню</A> 
<UL>
<LI><A href="..."> 1 </A></LI>
<LI><A href="..."> 2 </A></LI>
<LI><A href="..."> 3 </A></LI>

</UL></LI>
</UL>

 </body>
</html>

При наведении на слово МЕНЮ внизу появлется подменю с цифрами 1 2 3,
но только в не в IE. в IE почемуто не появляется!
Как с этим быть?
и канечно если дату убрать в начале то все работаеть на ура) Помогите плиз)
...
Рейтинг: 0 / 0
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
    #36333317
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ну ты, барин, задачки ставишь... (с)
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
    #36333335
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Начнем с того, что в ИЕ6.0 и "без даты" циферок не видно...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
    #36333396
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Например, если верить, книжке "Визуальное представление веб-документов. CSS каскадные таблицы стилей (прдробное руководство)" (с) Эрик А.Мейер
ИЕ до 6.0 "не позволяет псевдоклассам выбирать какие-либо элементы, кроме гипперссылок. В ИЕ7 добавлена поддержка :hover для всех элементов, но нет стилей :focus для элементов формы."
Про :overnav там вообще нет речи...
Чего он кстати делает?
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
    #36333418
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Про overnav отбой... Это у тебя класс такой.
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
    #36333554
helloword
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ну про IE 6 ясно...
в IE8 то работаеть если убрать - 14:00 25.11.2009.

как же с этим жить?
...
Рейтинг: 0 / 0
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
    #36333565
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hellowordкак же с этим жить?

Как вариант

Код: plaintext
1.
2.
..
<tr class='data' onmouseout='this.className="data"' onmouseover='this.className="data_sel"'>
..
...
Рейтинг: 0 / 0
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
    #36333602
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Работает в ИЕ6.0 Опере и ФФ

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
 14 : 00   25 . 11 . 2009 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Нет</title>
  <style type="text/css">
body {
	text-align: center;
}
   .layout {
	MARGIN: 0px auto; WIDTH: 954px;
                  border: 1px solid;
  }
.layout-in {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; PADDING-TOP: 0px
}
.head-nav {
	POSITION: relative; MARGIN: 20px 0px 45px; HEIGHT: 50px
}
#nav {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 47px; PADDING-TOP: 0px;
}
#nav LI A {
	TEXT-DECORATION: none
}
#nav LI A:hover {
	COLOR: white; 
	TEXT-DECORATION: underline
}
#nav LI {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 0px; DISPLAY: block; FLOAT: left; HEIGHT: 47px; PADDING-TOP: 0px
}
#nav LI LI {
	HEIGHT: 45px
}
#nav LI UL {
	DISPLAY: none
}
#nav LI.off UL {
	POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 936px; PADDING-RIGHT: 0px; TOP: 47px; PADDING-TOP: 0px; LEFT: 0px
}
#nav LI.on UL {
	POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 936px; PADDING-RIGHT: 0px; TOP: 47px; PADDING-TOP: 0px; LEFT: 0px
}
#nav LI UL LI {
	Z-INDEX:  5 ; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FONT-SIZE:  1 .1em; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
#nav LI A {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 47px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; DISPLAY: block; FLOAT: left; HEIGHT:  100 %; COLOR: #fff; FONT-SIZE:  1 .4em; PADDING-TOP: 0px
}
#nav LI A:hover {
	COLOR: #ff0000
}
#nav LI.on UL {
	DISPLAY: block
}
#nav LI.on UL {
    PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	HEIGHT: 45px; 
	FONT-SIZE:  0 .9em; 
	PADDING-TOP: 0px;
    WIDTH:  100 %;  
	HEIGHT:  100 %;
	BACKGROUND: # 000 ;
}
#nav LI.overnav UL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 45px; FONT-SIZE:  0 .9em; PADDING-TOP: 0px;
	 WIDTH:  100 %; HEIGHT:  100 %;
}
#nav LI[class].on UL {
	BACKGROUND: # 000 ;
	 WIDTH:  100 %;  HEIGHT:  100 %;
}
#nav LI[class].overnav UL {
 	BACKGROUND: # 000 ;
 	WIDTH:  100 %; HEIGHT:  100 %;
}
  </style> 
 </head>
 <body>
 
<DIV class="layout">
<DIV class="layout-in">
<DIV class="head" style="Z-INDEX: 1000; left: 0px; top: -1px;">
<DIV class="head-nav" style="left: 0px; top: -6px; border: 1px solid;">

<UL id="nav">
	<LI class="off" onmouseout='this.className="off"' onmouseover='this.className="on"'><A href="#" style="color:black;">Меню</A> 
		<UL>
			<LI><A href="..."> 1 </A></LI>
			<LI><A href="..."> 2 </A></LI>
			<LI><A href="..."> 3 </A></LI>
		</UL>
	</LI>
</UL>

</body>
</html>
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
    #36333622
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
helloword , встречный вопрос... Чего хотел добиться таким описанием селектора

Код: plaintext
1.
LI[class].off
LI[class].overnav
...
Рейтинг: 0 / 0
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
    #36333701
helloword
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa helloword , встречный вопрос... Чего хотел добиться таким описанием селектора

Код: plaintext
1.
LI[class].off
LI[class].overnav


если б я знал)
я только начал юзать)
просто разбираю как устроено)

спасибо за советы) ты прям асс)
...
Рейтинг: 0 / 0
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
    #36333716
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
hellowordесли б я знал)

По-мне так это каша. Зачем использовать селектор атрибута [class] если тут же указывается селектор класса .off ... Тут хватит и селектора класса

hellowordя только начал юзать)

Тогда скачай и почитай "ту" книжечку. Ссылку на нее я где-то тут давал (см.поиск)...

hellowordты прям асс)

Асс у нас тут модераторша. Это она книжку ту рекомендовала...
...
Рейтинг: 0 / 0
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
    #36333940
helloword
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
спасиб за советы) книжку уже качаю)
...
Рейтинг: 0 / 0
16 сообщений из 16, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]