Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться? / 16 сообщений из 16, страница 1 из 1
25.11.2009, 15:08
    #36331057
helloword
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
Код:
Код: 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
25.11.2009, 17:31
    #36331674
an0nym
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
helloword,

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

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

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

те эта проблема не решаема?
...
Рейтинг: 0 / 0
26.11.2009, 08:34
    #36332591
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
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
26.11.2009, 12:57
    #36333304
helloword
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
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
26.11.2009, 12:59
    #36333317
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
Ну ты, барин, задачки ставишь... (с)
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
26.11.2009, 13:03
    #36333335
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
Начнем с того, что в ИЕ6.0 и "без даты" циферок не видно...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
26.11.2009, 13:15
    #36333396
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
Например, если верить, книжке "Визуальное представление веб-документов. 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
26.11.2009, 13:20
    #36333418
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
Про overnav отбой... Это у тебя класс такой.
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
26.11.2009, 13:52
    #36333554
helloword
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
ну про IE 6 ясно...
в IE8 то работаеть если убрать - 14:00 25.11.2009.

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

Как вариант

Код: plaintext
1.
2.
..
<tr class='data' onmouseout='this.className="data"' onmouseover='this.className="data_sel"'>
..
...
Рейтинг: 0 / 0
26.11.2009, 14:03
    #36333602
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
Работает в ИЕ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
26.11.2009, 14:08
    #36333622
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выравнивае в IE слетает если перед <!DOCTYPE ... что-то написать. Как от этого избавиться?
helloword , встречный вопрос... Чего хотел добиться таким описанием селектора

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

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


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

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

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

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

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

hellowordты прям асс)

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


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