Границы в таблице в Explorer и в Opera отображаются по-разному

kotan

Осваиваюсь на форуме
19
0 / 0

Границы в таблице в Explorer и в Opera отображаются по-разному

« : 04.02.2010, 00:30:39 »

Друзья, подскажите пожалуйста, есть у меня таблица с тарифами на услуги. Сделана с закругленными краями, HTML - текст таблицы, CSS соответственно - стиль!
вот кусок стиля для таблицы:
width: 100%;
border-collapse: collapse;
border-left: 0px;
border-right: hidden;
border-top: hidden;
border-bottom: hidden;
background: #EDEFF1 url(/images/left-bottom.png) left bottom no-repeat;;
Задача - сделать так, чтобы по периметру таблицы не было границ (были невидимыми) в обоих браузерах.
Если код оставить таким - то в Opera все идеально, а в IE именно левая и правая границы становятся видимыми (черными), если ставлю параметр "none", тогда наоборот. Значение в "0px" опять приводит к тому, что в одном браузере границ нет, а в другом есть!
Подскажите, пожалуйста, как правильно прописать? !

Записан

gdX

Глобальный модератор
995
128 / 0
Открыт к заказам по дизайну

Re: Границы в таблице в Explorer и в Opera отображаются по-разному

« Ответ #1 : 04.02.2010, 15:16:23 »

А в HTML на теге <table> атрибут border в ноль выставлен?

Записан

Источник нашей мудрости — наш опыт. Источник нашего опыта — наша глупость.
Long train running

kotan

Осваиваюсь на форуме
19
0 / 0

Re: Границы в таблице в Explorer и в Opera отображаются по-разному

« Ответ #2 : 04.02.2010, 17:05:18 »

Цитата: gdX от 04.02.2010, 15:16:23

А в HTML на теге <table> атрибут border в ноль выставлен?

выставлен на 1px, потому как, внутри таблицы границы нужны (белые), кстати в IE отображаются белыми, в Опере - серыми.

Записан

gdX

Глобальный модератор
995
128 / 0
Открыт к заказам по дизайну

Re: Границы в таблице в Explorer и в Opera отображаются по-

« Ответ #3 : 04.02.2010, 22:58:01 »

Опишите подробнее ситуацию или приведите скриншот того, что нужно получить, чтобы понять суть задачи.

Записан

Источник нашей мудрости — наш опыт. Источник нашего опыта — наша глупость.
Long train running

kotan

Осваиваюсь на форуме
19
0 / 0

Re: Границы в таблице в Explorer и в Opera отображаются по-разному

« Ответ #4 : 05.02.2010, 00:46:25 »

в общем в эти строки я добавил следующее:
border-left: hidden #FFFFFF;
border-right: hidden #FFFFFF;
теперь в ИЕ и в Опере нет внешних границ, но внутренние границы отображаются в браузерах разным цветом
вот ссылка http://uidk.com.ua/index.php/tarifs

Записан

gdX

Глобальный модератор
995
128 / 0
Открыт к заказам по дизайну

Re: Границы в таблице в Explorer и в Opera отображаются по-разному

« Ответ #5 : 05.02.2010, 01:15:37 »

Да, в ff некоторые горизонтальные бордюры в черный цвет окрашиваются.
Но если назначить для th и td стиль border:1px solid white;
При этом нужно у атрибута border выставить значение в 0.

Я вот, правда, думаю, а не перемудрили ли Вы тут?
Если взять, к примеру, такой код:

Код: html4strict

<!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>table border</title>
<style type="text/css"><!--
body{background:white;}
table{border-collapse:collapse;}
th,td{border:1px solid white;background:silver;text-align:center;vertical-align:middle;padding:1em;}
th{background:gray;}
--></style>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0">
	<tr>
		<th>th_1.1</th><th>th_1.2<br />th_1.2+</th><th>th_1.3</th>
	</tr>
	<tr>
		<td>td_2.1<br />td_2.2+</td><td>td_2.2</td><td>td_2.3</td>
	</tr>
	<tr>
		<td>td_3.1</td><td>td_3.2</td><td>td_3.3<br />td_3.2+</td>
	</tr>
</table>
</body>
</html>

То Таблица отображается нормально.
И пусть у нее будет внешняя граница в 1 белый пиксель, ведь фон тоже белый и видно его не будет.

Записан

Источник нашей мудрости — наш опыт. Источник нашего опыта — наша глупость.
Long train running

kotan

Осваиваюсь на форуме
19
0 / 0

Re: Границы в таблице в Explorer и в Opera отображаются по-разному

« Ответ #6 : 05.02.2010, 11:02:06 »

А можете подправить именно мой код?

Код

 TABLE {
	width: 100%; /* Ширина таблицы */
	position: center;
	border-collapse: collapse;
	border-left: hidden #FFFFFF;
	border-right: hidden #FFFFFF;
	border-top: hidden;
	border-bottom: hidden;
	background: #EDEFF1 url(/images/left-bottom.png)  left bottom no-repeat; /* Левый нижний уголок */
	
   }
   .topleft {
    background: #DADEE3 url(/images/left-top.png) left top no-repeat; /* Левый верхний уголок */
   }
   .topright {
    background: #DADEE3 url(/images/right-top.png) right top no-repeat; /* Правый верхний уголок */
   }
   .bottomright {
    background: url(/images/right-bottom.png) right bottom no-repeat; /* Правый нижний уголок */
   } 
   TH {
    background: #DADEE3; /* Цвет фона */
    color: #8C8C8C; /* Цвет текста */ 
    text-align: left; /* Выравнивание по левому краю */ 
   }
   TD, TH {
    padding: 3px 5px; /* Поля вокруг текста */ 
   }

Записан

Ivanych

Осваиваюсь на форуме
19
0 / 0

Re: Границы в таблице в Explorer и в Opera отображаются по-разному

« Ответ #7 : 16.04.2010, 18:46:10 »

Кто-нибудь может подсказать? Заметил, что у меня в таблице видны границы в Опере и Google Хроме, когда как в Лисе границ нет. Где чего поменять?

Записан

Не отображаются маркеры списка Автор Concolor	Ответов: 6 Просмотров: 4384	24.04.2021, 18:45:49 от Concolor
Свойство letter-spacing по-разному отображается на разных мониторах Автор V@lentin	Ответов: 1 Просмотров: 2034	19.07.2018, 20:53:29 от Zelyonkin
Не отображаются изменения на сайте после правки template.css Автор Ermak	Ответов: 18 Просмотров: 10712	10.04.2017, 00:42:00 от MosTender
рамки границы повторяются с каждой новой строкой Автор puf	Ответов: 1 Просмотров: 1294	10.06.2016, 13:44:25 от Shustry
Yoo explorer переделка выпадающего меню Автор Mikhail	Ответов: 2 Просмотров: 2727	22.08.2015, 11:10:47 от Osprey

Границы в таблице в Explorer и в Opera отображаются по-разному - Вопросы по CSS

Новости Joomla

Вышли релизы безопасности Joomla 6.1.4 и Joomla 5.4.9

JoomShift - компонент переноса контента между Joomla сайтами.

kotan

Границы в таблице в Explorer и в Opera отображаются по-разному

gdX

Re: Границы в таблице в Explorer и в Opera отображаются по-разному

kotan

Re: Границы в таблице в Explorer и в Opera отображаются по-разному

gdX

Re: Границы в таблице в Explorer и в Opera отображаются по-

kotan

Re: Границы в таблице в Explorer и в Opera отображаются по-разному

gdX

Re: Границы в таблице в Explorer и в Opera отображаются по-разному

kotan

Re: Границы в таблице в Explorer и в Opera отображаются по-разному

Ivanych

Re: Границы в таблице в Explorer и в Opera отображаются по-разному

Похожие темы