Опера =)

← →
tButton (2007-12-08 14:13) [0]

Помогите победить броузер
имеется таблица с явно задаными размерами
таблица из одной строки
строка из двух ячеек
размеры ячеек заданы (равные 1/2 ширины таблицы)
для каждой ячейки прописан так же стиль задающий фон и размеры (перестраховка =)
фон отрисован строго под размер таблицы

проблема:
опера кладет на размеры ячеек и выравнивает их ширину по содержимому. ума не приложу как её образумить.

исходник показать к сожалению не могу, ибо в и-нет выхожу с пальмы.

← →
tesseract © (2007-12-08 14:17) [1]

Опера любит CSS. Через CSS не испытывал проблем с отображением. Правда давно было дело.

← →
tButton (2007-12-08 14:31) [2]

в том-то и гвоздь что в CSS классы прописаны в месте с шириной в пикселях =(

← →
homm © (2007-12-08 14:35) [3]

> [0] tButton (08.12.07 14:13)

Ты опере все так-же объясняешь, как ты сейчас написал, на русском? Или все-же на HTML?

← →
homm © (2007-12-08 14:39) [4]

Как ни странно, на языке HTML опера все правильно поняла…
<table width="50%" border=1> <tr> <td width="40%"> sadas asd asdasd as das ddasf sd ds fhasdbkfb sdfn dskjfnj ksdnf ksdf jnsdf asdf asdfsadfsad sd <td width="60%"> why? </tr> </table>

← →
palva © (2007-12-08 14:47) [5]

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

← →
tButton © (2007-12-08 14:48) [6]

минутку

← →
homm © (2007-12-08 14:50) [7]

> [5] palva © (08.12.07 14:47)
> Он не должен строго придерживаться заданных размеров колонок
> и воспринимает их как рекомендацию.

Только если содержимое ячейки невозможно впихать в ячейку, например картинка определенных размеров. Но даже в этом случае возможно задать размеры принудительно через table-layout.

← →
tButton © (2007-12-08 15:02) [8]

html
<style> @import url("book.css"); </style> <script src="book.js"></script> <body onLoad="prev_page();"> <div style="width: 480; height: 400;"> <table width=480 height=400 border=0 cellpadding=0 cellspacing=0> <tr> <td colspan=3 class="bpt1"></td> <td colspan=3 class="bpt2"></td> </tr> <tr> <td colspan=3 class="bp1" id="c_bp1" valign=top width=240></td> <td colspan=3 class="bp2" id="c_bp2" valign=top width=240></td> </tr> <tr> <td class="bc1" onClick="prev_page();"></td> <td class="bpn1" align=center id="c_pn1">1</td> <td class="bpm1"></td> <td class="bpm2"></td> <td class="bpn2" align=center id="c_pn2">2</td> <td class="bc2" onClick="next_page();"></td> </tr> </table> </div> <table> <tr> <td><textarea id="m_text1" cols=26 rows=10></textarea> <td><textarea id="m_text2" cols=26 rows=10></textarea> <tr> <td><button onClick="save_page("l");">save</button> <td><button onClick="save_page("r");">save</button> </table> </body>

css
.bpt1{ background: url("images/bpt1.gif"); width: 240; height: 32; } .bpt2{ background: url("images/bpt2.gif"); width: 240; height: 32; } .bp1{ background: url("images/bp1.gif"); width: 240px; height: 304px; font-family: georgia; font-size: 11; color: #400000; padding: 0 8 0 32; overflow: none; } .bp2{ background: url("images/bp2.gif"); width: 240px; height: 304px; font-family: georgia; font-size: 11; color: #400000; padding: 0 32 0 8; overflow: none; } .bc1{ background: url("images/bc1.gif"); width: 60; height: 64; cursor: hand; } .bc2{ background: url("images/bc2.gif"); width: 60; height: 64; cursor: hand; } .bpn1{ background: url("images/bpn1.gif"); width: 120; height: 64; font-family: georgia; font-size: 11; color: #400000; } .bpn2{ background: url("images/bpn2.gif"); width: 120; height: 64; font-family: georgia; font-size: 11; color: #400000; } .bpm1{ background: url("images/bpm1.gif"); width: 60; height: 64; } .bpm2{ background: url("images/bpm2.gif"); width: 60; height: 64; }

← →
homm © (2007-12-08 15:12) [9]

> [8] tButton © (08.12.07 15:02)

Ну и? Где там ошибка? Ячейки одного размера в обоих таблицах.

Советы:
1) Никогда не указывай размеры без единиц измерения в CSS.
2) @import url("book.css"); — вообще какой-то бред. Ни разу такого извращения не видел. Что тебе помешало написать ?
<link rel="stylesheet" type="text/css" href="book.css" >

← →
tButton © (2007-12-08 16:44) [10]

> Ни разу такого извращения не видел

устаревший, но все еще работающий стандарт

> Что тебе помешало написать ?

не помню синтаксис =)

http://img217.imageshack.us/img217/7555/operaoo5.gif
это повод для беспокойства (текст вкючен в html, скрипты отключены)?

← →
Anatoly Podgoretsky © (2007-12-08 16:48) [11]

> tButton (08.12.2007 14:13:00) [0]

С пальмы обезьяны спустилисть, ты родственник?

← →
tButton © (2007-12-08 16:58) [12]

> Anatoly Podgoretsky © (08.12.07 16:48) [11]

PDA =)

Да, похоже на глюк Оперы.
Проблема не совсем в размере, а в паддингах. Придется у bp1 и bp2 отступы по другому делать.

> а в паддингах
подозревал. за ней и прежде такое замечалось.

ПыСы
а W3C случаем не утвердили способа контроля переполнения, типа IEшного overflow?

> [14] tButton © (08.12.07 17:32)
> а W3C случаем не утвердили способа контроля переполнения,
> типа IEшного overflow?

Почему ИЕшного?
http://htmlbook.ru/css/overflow.html

> 2) @import url("book.css"); — вообще какой-то бред. Ни разу
> такого извращения не видел. Что тебе помешало написать ?
>
> <link rel="stylesheet" type="text/css" href="book.css" >
>

это не бред. это разделение мух от котлет. очень удобно.

re [15]
спасибо за линк
re АП
спасибо за участие =)

Опера =) Найти похожие ветки