IMHO.WS

IMHO.WS (https://www.imho.ws/index.php)
-   Веб-программирование (https://www.imho.ws/forumdisplay.php?f=29)
-   -   По разному отображается таблица в Opere и Explorere (https://www.imho.ws/showthread.php?t=94005)

Naked 10.10.2005 20:28

По разному отображается таблица в Opere и Explorere
 
Есть таблица:
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td>1 элемент</td>
<td>2 элемент</td>
</tr>
</table>
В осле между 1 и 2 элементами по вертикали есть немного расстояния, а в Opere нету, из-за этого плохо отображается страничка в одном из браузеров... Как можно привести все к чему-нибудь одному, чтобы и в опере и в осле были одинаковые расстояния между ячейками :help:
Это кстати не только на ячейки таблицы распространяется, но и на просто текст, в осле он как-то шире располагается (по вертикали я имею ввиду) :confused:

vovik 10.10.2005 20:58

Ты будешь смеяться, но у меня табличка отображается одинаково
Может просто дело в настройках браузеров? Типа, шрифты разные... :rolleyes: или еще что.
А вообще, меня учили (правда еще те учителя), что если от браузера зависеть не хочешь, то все до фигачить в таблицу, а фиксированные размеры ячеек задавать бэкграундовыми картинками в тон.
Пока мне такого приема хватало.
PS: я не вэбмастер. ;)

Naked 11.10.2005 19:16

Вложений: 2
Вот, если не верите...
1. Explorer
2. Opera

Scary Zet 11.10.2005 19:44

Тебе нужно использовать стили для тэгов. Свойство line-height, отвечающее за расстояние между строками текста. Опера и Експлорер, как мне помнится, действительно иногда вольничают с этим, если явно не задавать.

Можно прямо в html вписать, а можно через CSS. CSS погугли, а в html можно так:

<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td style="line-height:100%;">1 элемент</td>
<td style="line-height:100%;">2 элемент</td>
</tr>
</table>

Но лучше стили ассоциировать тэгам через CSS.

Naked 11.10.2005 20:39

Что-то не работает это в осле, я этот height и 50% и 100% ставил, а он все равно как-то по-своему, да и в опере, расстояния ближе к концу больше становятся :confused: :idontnow:

Scary Zet 11.10.2005 22:45

Вообще странно, как у тебя через ТАКУЮ таблицу сделано меню как на скриншотах. <td> ведь задаёт столбцы, а не строки. Вот может браузер и плющит от того, что он пытается всё это как-то отобразить.

Я бы вообще сделал одну большую ячейку таблицы для всех пунктов меню, а пункты друг от друга <br> отделял.

Можно ли где-нить вашу проблемную страницу посмотреть онлайн?

Надо бы по хорошему

<table>
<tr><td>Element 1</td></tr>
<tr><td>Element 2</td></tr>
<tr><td>Element 3</td></tr>
...
</table>

Обычно, когда явно заданы cellspacing и cellpadding таблицы (что у вас есть), то разницы в отображении разными браузерами нет.

Naked 11.10.2005 23:50

Сорри, конечно сделано:
Цитата:

Scary Zet:
<table>
<tr><td>Element 1</td></tr>
<tr><td>Element 2</td></tr>
<tr><td>Element 3</td></tr>
...
</table>
но тем не менее в осле одно, а в опере другое.
Цитата:

Scary Zet:
Можно ли где-нить вашу проблемную страницу посмотреть онлайн?
Пока нельзя, завтра постараюсь выложить на общее обозрение где-нибудь - сообщу. Пока сделал в опере line-height: 12px; и стало вроде как в осле, только осел на эти line-height вообще никак не реагирует... :idontnow:

Snaphook 12.10.2005 01:08

воткни распорки типа <tr><td><img src=spacer.gif width=1 height=20></td><td>Element 1</td></tr>


Часовой пояс GMT +4, время: 09:15.

Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.