Transparent border в IE6 и IE7 отличаются

massa52 · 11.12.2008, 09:43

Можно ли добиться, чтоб в IE7 граница выглядела так же как в IE6?
Страница для демонстрации:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title></title>
<style id="MSODAPDEFAULTS" type="text/css">
.Mso2dSection {LEFT: 0px; BEHAVIOR: url(#DEFAULT#Mso2dSection); OVERFLOW: hidden; POSITION: relative; TOP: 0px; BACKGROUND-COLOR: transparent}
.MsoRectangle {BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; OVERFLOW: hidden; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid}
.Style18 {BORDER-RIGHT: transparent 2px inset; BORDER-TOP: transparent 2px inset; VISIBILITY: visible; BORDER-LEFT: transparent 2px inset; BORDER-BOTTOM: transparent 2px inset; BACKGROUND-COLOR: #c0c0c0}
</style>
</head>

<body>
<html>
<div class="Mso2dSection" id="Header_dscRowsource_1" style="width: 15.5cm; border-top-style: none;
border-bottom: black 1px solid; border-right-style: none; border-left-style: none;
height: 14.6cm; background-color: #c0c0c0; left: 0px; top: 0px;">

<span class="MsoRectangle Style18"
id="Box231" style="z-index: 7; left: 0.3cm; width: 14.814cm; position: absolute;
top: 1.5cm; height: 3.65cm"></span>
</div>

</html>

</body>

</html>

kost · 11.12.2008, 12:49

Можно. только для этого не надо делать сайты в Word.

massa52 · 11.12.2008, 14:28

Это не WORD. Это фрагмент формы-страницы, которую сгенерил ACCESS.
И на что же заменить transparent 2px inset в IE7, чтоб он так же смотрелся как в IE6?

kost · 11.12.2008, 15:55

Цитата:

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

Это не WORD. Это фрагмент формы-страницы, которую сгенерил ACCESS.

Это не меняет сути.

Замените transparent на какой-нибудь цвет, например на #ddd для верхнего и левого border, #fff для правого и нижнего.

Код:

.Style18 {
  BORDER-TOP: #ddd 2px inset;
  BORDER-RIGHT: #fff 2px inset; 
  BORDER-BOTTOM: #fff 2px inset; 
  BORDER-LEFT: #ddd 2px inset;
  BACKGROUND-COLOR: #c0c0c0;
  VISIBILITY: visible; 
}

massa52 · 12.12.2008, 02:45

kost - Спасибо.
Насчет сути - мне лом перерисовывать(там куча всяких украшателств, контролов) аксессовские формы под веб - вот я и генерю их из аксесса. Задача то стоит - чтоб выглядело все как в аксессе - чтоб документацию по использованию софта заново под веб не переписывать. Зато - никокого гемоора с дизайном.

Добавлено через 39 минут

Чет мне не удалось подбором цветов для бордюр добиться идентичности бордюр в IE6 и IE7
Нашел интересный пример - при транспарент - явно видно различие в IE6 и в IE7
Тут код
http://authors.aspalliance.com/aspxt...Color.aspx.src
Тут примеры
http://authors.aspalliance.com/aspxt...rderColor.aspx

Добавлено через 31 минуту

Тут описание и решение проблемы:
http://www.hedgerwow.com/360/dhtml/c...nt-border.html

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Градиент border	kpripper	HTML, CSS, JavaScript	1	11.10.2013 13:38
border-radius	ddddd	HTML, CSS, JavaScript	1	27.06.2010 19:52
border: 2px groove	ddddd	HTML, CSS, JavaScript	1	02.06.2010 13:00
border у картинки	okras	HTML, CSS, JavaScript	6	04.07.2005 23:02
border	Spy	HTML, CSS, JavaScript	3	23.04.2003 20:12

11.12.2008, 09:43	#1
massa52	Можно ли добиться, чтоб в IE7 граница выглядела так же как в IE6? Страница для демонстрации: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <style id="MSODAPDEFAULTS" type="text/css"> .Mso2dSection {LEFT: 0px; BEHAVIOR: url(#DEFAULT#Mso2dSection); OVERFLOW: hidden; POSITION: relative; TOP: 0px; BACKGROUND-COLOR: transparent} .MsoRectangle {BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; OVERFLOW: hidden; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid} .Style18 {BORDER-RIGHT: transparent 2px inset; BORDER-TOP: transparent 2px inset; VISIBILITY: visible; BORDER-LEFT: transparent 2px inset; BORDER-BOTTOM: transparent 2px inset; BACKGROUND-COLOR: #c0c0c0} </style> </head> <body> <html> <div class="Mso2dSection" id="Header_dscRowsource_1" style="width: 15.5cm; border-top-style: none; border-bottom: black 1px solid; border-right-style: none; border-left-style: none; height: 14.6cm; background-color: #c0c0c0; left: 0px; top: 0px;"> <span class="MsoRectangle Style18" id="Box231" style="z-index: 7; left: 0.3cm; width: 14.814cm; position: absolute; top: 1.5cm; height: 3.65cm"></span> </div> </html> </body> </html>

11.12.2008, 12:49	#2
kost	Можно. только для этого не надо делать сайты в Word.

11.12.2008, 14:28	#3
massa52	Это не WORD. Это фрагмент формы-страницы, которую сгенерил ACCESS. И на что же заменить transparent 2px inset в IE7, чтоб он так же смотрелся как в IE6?

12.12.2008, 02:45	#5
massa52	kost - Спасибо. Насчет сути - мне лом перерисовывать(там куча всяких украшателств, контролов) аксессовские формы под веб - вот я и генерю их из аксесса. Задача то стоит - чтоб выглядело все как в аксессе - чтоб документацию по использованию софта заново под веб не переписывать. Зато - никокого гемоора с дизайном. Добавлено через 39 минут Чет мне не удалось подбором цветов для бордюр добиться идентичности бордюр в IE6 и IE7 Нашел интересный пример - при транспарент - явно видно различие в IE6 и в IE7 Тут код http://authors.aspalliance.com/aspxt...Color.aspx.src Тут примеры http://authors.aspalliance.com/aspxt...rderColor.aspx Добавлено через 31 минуту Тут описание и решение проблемы: http://www.hedgerwow.com/360/dhtml/c...nt-border.html Последний раз редактировалось massa52; 12.12.2008 в 02:45.. Причина: Добавлено сообщение