Проблема с высотой таблицы в Firefox

Dejust · 26.06.2009, 09:58

Верстая страничку столкнулся с такой проблемой:
есть таблица, высота у которой 167px, при просмотре через opery 9.63 и IE 8.0 все нормально, но при просмотре через Firefox 3.0.8 высота этой таблицы уменьшается, причем во много раз, до пикселей 20 - 35..

Помогите пожалуйста, в решении проблемы))

Вот код таблицы:

Код HTML:

<table border="1" align="center" width="925px" height="167px" style="margin-left: 150px; margin-right: 100px; display: inline;" cellpadding="0" cellspacing="0"> 
<tr>
<td width="591px">...</td>
<td width="334px">...</td>
</tr>
</table>

Мерлин · 26.06.2009, 10:18

уберите
display: inline;

Dejust · 26.06.2009, 10:21

Мерлин, если убрать, то в ИЕ, margin-left: 150px, увеличется в 2 раза

Ni_Splinter · 26.06.2009, 10:52

А если распорку вставить ?

Dejust · 26.06.2009, 10:55

petty pike, а можете объяснить пожалуйста как это сделать? просто я еще неопытен в верстке.

Ni_Splinter · 26.06.2009, 11:04

Да я собственно тоже

))

Вставить однопиксельный прозрачный gif, высоту указать 167, ширину 1, border :"none".
Ну например такая ссылка http://study.krr.ru/content_t_173.htm

Dejust · 26.06.2009, 11:14

petty pike, спс, ша попробую))

Асмодиан · 26.06.2009, 11:20

Артем Колесников, а вы точно уверенны, что именно margin-left увеличиться в 2 раза?

Dejust · 26.06.2009, 12:30

Makarenya, ну да, т.к. при загрузке документа таблица съезжает вправо, ну там ток не в 2 раза, а скажем гденибудь пикселей на 70 - 90...

А вот display: inline использовал как таблетку для ИЕ, думал это он балуется, а когда открыл в ФФ все сжалось...

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

p.s. Распорка неработает

Код HTML:

<table border="1" align="center" width="925px" height="167px" style="margin-left: 150px; margin-right: 100px;" cellpadding="0" cellspacing="0"> 
<tr>
<td><img  border="none" src="rasporka_logo.gif"> </td>

</tr>
</table>

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

Ура, проблему решил, все изза моей невнимательности и/или изза паранои на браузер ИЕ и ФФ...

спасибо всем кто ответил)))

Асмодиан · 26.06.2009, 13:37

У IE 6 есть баг. Если у элемента поставить float:X, то значения margin-X удваиваются. Данный баг проявляется не только для X = left, но и для X = right. И для исправления такого вот бага и присутствует таблетка: display:inline, которая успешно игнорируется остальными браузерами (поскольку ненулевой float обязывает элемент быть блоком вне зависимости от таблетки), но при этом исправляет баг. Но если не ставить float:X, то каждый порядочный браузер попытается сделать ваш объект inline-ом, поскольку блоком он быть не обязан... Ну а последствия такого крайне неправильного решения и вправду непредсказуемы...

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Проблема картинки в теге H1 (Firefox)	alex1442	HTML, CSS, JavaScript	8	07.03.2011 22:12
Проблема с границами ячеек таблицы...	Apologet	HTML, CSS, JavaScript	3	05.06.2010 22:20
таблицы внутри таблицы	pasha_welt	HTML, CSS, JavaScript	4	11.12.2006 20:12
Проблема с некоректным отображением таблицы в Opera. Пожалуйста, помогите разобраться	Newdesigner	HTML, CSS, JavaScript	0	25.11.2006 11:14
Проблема с высотой картинки в FireFox	AlexandrK	HTML, CSS, JavaScript	4	24.01.2006 13:47

26.06.2009, 09:58	#1
Dejust	Верстая страничку столкнулся с такой проблемой: есть таблица, высота у которой 167px, при просмотре через opery 9.63 и IE 8.0 все нормально, но при просмотре через Firefox 3.0.8 высота этой таблицы уменьшается, причем во много раз, до пикселей 20 - 35.. Помогите пожалуйста, в решении проблемы)) Вот код таблицы: Код HTML: <table border="1" align="center" width="925px" height="167px" style="margin-left: 150px; margin-right: 100px; display: inline;" cellpadding="0" cellspacing="0"> <tr> <td width="591px">...</td> <td width="334px">...</td> </tr> </table>

26.06.2009, 10:18	#2
Мерлин	уберите display: inline;

26.06.2009, 10:21	#3
Dejust	Мерлин, если убрать, то в ИЕ, margin-left: 150px, увеличется в 2 раза

26.06.2009, 10:52	#4
Ni_Splinter	А если распорку вставить ?

26.06.2009, 10:55	#5
Dejust	petty pike, а можете объяснить пожалуйста как это сделать? просто я еще неопытен в верстке.

26.06.2009, 11:04	#6
Ni_Splinter	Да я собственно тоже )) Вставить однопиксельный прозрачный gif, высоту указать 167, ширину 1, border :"none". Ну например такая ссылка http://study.krr.ru/content_t_173.htm Последний раз редактировалось Ni_Splinter; 26.06.2009 в 11:08..

26.06.2009, 11:14	#7
Dejust	petty pike, спс, ша попробую))

26.06.2009, 11:20	#8
Асмодиан	Артем Колесников, а вы точно уверенны, что именно margin-left увеличиться в 2 раза?

26.06.2009, 12:30	#9
Dejust	Makarenya, ну да, т.к. при загрузке документа таблица съезжает вправо, ну там ток не в 2 раза, а скажем гденибудь пикселей на 70 - 90... А вот display: inline использовал как таблетку для ИЕ, думал это он балуется, а когда открыл в ФФ все сжалось... Добавлено через 14 минут p.s. Распорка неработает Код HTML: <table border="1" align="center" width="925px" height="167px" style="margin-left: 150px; margin-right: 100px;" cellpadding="0" cellspacing="0"> <tr> <td><img border="none" src="rasporka_logo.gif"> </td> </tr> </table> Добавлено через 7 минут Ура, проблему решил, все изза моей невнимательности и/или изза паранои на браузер ИЕ и ФФ... спасибо всем кто ответил))) Последний раз редактировалось Dejust; 26.06.2009 в 12:30.. Причина: Добавлено сообщение

26.06.2009, 13:37	#10
Асмодиан	У IE 6 есть баг. Если у элемента поставить float:X, то значения margin-X удваиваются. Данный баг проявляется не только для X = left, но и для X = right. И для исправления такого вот бага и присутствует таблетка: display:inline, которая успешно игнорируется остальными браузерами (поскольку ненулевой float обязывает элемент быть блоком вне зависимости от таблетки), но при этом исправляет баг. Но если не ставить float:X, то каждый порядочный браузер попытается сделать ваш объект inline-ом, поскольку блоком он быть не обязан... Ну а последствия такого крайне неправильного решения и вправду непредсказуемы...