Хэ-тэ-э-мэл!!!

← →
homm © (2007-05-01 22:48) [0]

Счас меня совсем ногами запинают, но вопрос снова по сабжу :)

<html> <head> <style> table td{ padding: 10px 4px; } div { position: absolute; border: 1px solid #404040; background-color: #e0e0e0; } </style> <body> <table width=100% border=1> <tr><td width=25%></td><td width=50%> Какой-то текст, не важно какой, и даже не сильно важно что это текст, может быть и картинка.<br> <div>Опять какой-то текст, или не текст, опятьже не важно, контент одним словом. В принципе должен быть довольно длинным, так что я побольше понапишу здесь, а если все равно не хватит, вы уж не поленитесь, ширину окна браузера уменьшите.</div> </td><td width=25%></td></tr> </body> </html>

Этот код дает разные эффекты в разных браузерах.

Опера 9 — <div> вытягиваеться ровно на ширину экрана и следовательно на 25% (ширина первой ячеки) вылазит за его пределы.
FireFox 2 — <div> вытягиваеться ровно до правого края экрана, т.е. занимает 75% его ширины.
Эксплорер 6 — из-за ошибки считает, что ширина «абсолютнутого» элемента не может быть больше родителя этого элемента. В результате <div> занимет ровно 50% от ширины окна, от левой границы родительской ячеки до правой.
Эксплорер 7 — видимо ошибку исправили и теперь он тоже считает, что размер «абсолютнутого» элемента не может быть больше ширины экрана, т.е. поведение такое-же как у Оперы.

Вот… А парадокс собственно в том, что мне нужно поведение не верное с точки зрения спецификации, как в 6-м эксплорере. Кто нибудь знает как ограничить ширину элемента шириной его родителя, даже если этот элемент и задан как «position: absolute» ???

← →
Kerk © (2007-05-01 22:49) [1]

А тематические форумы уже отменили?

← →
wp2 © (2007-05-01 22:50) [2]

Ну дык, всю жизнь в разных броузерах разное показывало :-)

Добро пожаловать в Веб-дизайн! :-)

← →
antonn © (2007-05-01 22:53) [3]

> Счас меня совсем ногами запинают, но вопрос снова по сабжу
> :)

тыц-тыц-тыц :)

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

← →
homm © (2007-05-01 22:55) [4]

> А тематические форумы уже отменили?

Дак это и так вроде тематический форум «прочее» ;)

> Ну дык, всю жизнь в разных броузерах разное показывало :-)

Дык с тем и борятся все успешно. Добро пожаловать в правильный Веб-дизайн :)

← →
antonn © (2007-05-01 22:57) [5]

а что требуется в результате? не в смысле " как ограничить ширину элемента шириной его родителя, даже если этот элемент и задан как «position: absolute»", а "чтобы у этой хренюшки была ширина как у этой"

← →
homm © (2007-05-01 22:59) [6]

> [5] antonn © (01.05.07 22:57)

Перевожу :) Как у хренюшки «div» сделать ширину такую-же как родительская хренюшка «tr» :)

← →
wp2 © (2007-05-01 23:02) [7]

Гы. В тему, к где в Опере 9 пункт по смене языка интерфейса?

только что облазил всё - нихрена!

← →
Kerk © (2007-05-01 23:02) [8]

глянь на max-width

← →
antonn © (2007-05-01 23:02) [9]

это с нашего взгляда tr его родитель, а со стороны браузера, как мне кажется после всех опытов, div как будто вообще не родственный и вытворяет иногда странные вещи... Чего в результате должно получиться? Хинт какой или еще что? Может просто таблицами забабахать и не трогать блоки?

← →
wp2 © (2007-05-01 23:04) [10]

>Дык с тем и борятся все успешно. Добро пожаловать в правильный Веб-дизайн :)

Борются, то они борятся...

Но даже известные сайты по разному отображаются в разных броузерах!

← →
homm © (2007-05-01 23:13) [11]

> глянь на max-width

Ну а что глядеть то? Мне в него написать что-то нужно, так что-бы получить описаный эффект. Имхо он совсем не в тему :(

> Гы. В тему, к где в Опере 9 пункт по смене языка интерфейса?

Инструменты - Настройка - Общие - Язык. Внизу вклядки.

> Может просто таблицами забабахать и не трогать блоки?

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

← →
homm © (2007-05-01 23:15) [12]

> счас выложу орезку страницы, для которой делаю

http://homm86.narod.ru/files/sample.html.rar

← →
Kerk © (2007-05-01 23:17) [13]

> [11] homm © (01.05.07 23:13)

max-width: 100%

← →
homm © (2007-05-01 23:19) [14]

> Но даже известные сайты по разному отображаются в разных броузерах!

Это скорее недостаток сайта, чем Веб-дизайна в целом, все равно нужно стремиться делать правильно, так что совет просто забить не приемлю. К тому-же все мы знаем что есть lya (или как ее там) :)

← →
wp2 © (2007-05-01 23:21) [15]

>Инструменты - Настройка - Общие - Язык. Внизу вклядки.

Спасибо

← →
homm © (2007-05-01 23:21) [16]

> max-width: 100%

ничего ни в однм браузере, как и ожидалось. Попробуй перечитать то что мне нужно.

← →
Kerk © (2007-05-01 23:24) [17]

> [16] homm © (01.05.07 23:21)

Попробуй мне не указывать.
У меня была подобная проблема с img в div"ах, решилось вот так. Впрочем зря я попытался тебе помочь.

← →
homm © (2007-05-01 23:27) [18]

> [17] Kerk ©

Блин, давай еше раз попробую на пальцах объснить, почему предложеный тобой вариант не подходит по определению? Потому что «100%» для разных браузеров это разные вещи, куда ты его не укажи. Вроде это ясно просматриваеться из [0].

← →
antonn © (2007-05-01 23:27) [19]

может просто сделать фиксированную ширину?

← →
homm © (2007-05-01 23:29) [20]

> может просто сделать фиксированную ширину?

Дизайн ризиновый, от 800х600 до бесконечности :)

← →
wp2 © (2007-05-01 23:34) [21]

А я не пойму зачем нужен тег div?

Я где-то читал, что он был разработан Netscape для Navigator, а в других браузерах он пропускается...

Или я ошибаюсь?

← →
homm © (2007-05-01 23:35) [22]

> Или я ошибаюсь?

Сильно.

← →
wp2 © (2007-05-01 23:37) [23]

Ну ладно, давно я этим делом не занимался...

← →
antonn © (2007-05-01 23:37) [24]

> Дизайн ризиновый, от 800х600 до бесконечности :)

значит сделай фиксированый в процентах от размеров окна:)

> значит сделай фиксированый в процентах от размеров окна:)

р-р-р-р... :)
Как мне написать что я не могу сделать резиновый в процентах от размера окна, потому что эксплорер6 считает проценты от размеров родительской ячейки, а фаерфок от растоянии от начала родительской ячеки до правой границы окна.

> А тематические форумы уже отменили?

Лано, дайте ссылко, плиз :)

Если уж всё-равно JavaScript юзаем, то почему-бы
comment.style.width = comment.parentNode.offsetWidth + "px";
в function hintmakerover(position) не использовать?

> Если уж всё-равно JavaScript юзаем,

Резонно конечно. Просто уже мания такая, я там уже такую менюшку сделал, в жизни бы не подумал что акую можно без явы накатать, да шоб и в эксплорере работала :) Но и из соображений «на будущее» было бы неплохо знать :)

Как запасной вариант — спасибо :)

на всякий случай, пара хинтов, собраных методом копипаста:)
пассивный - http://antonn.ru/_files/xlam/_hint.html
активный - http://antonn.ru/_files/xlam/_active_hint.html

> потому что эксплорер6 считает проценты от размеров родительской
> ячейки, а фаерфок от растоянии от начала родительской ячеки
> до правой границы окна.

можно для ie6 скормить другой стиль...

> можно для ie6 скормить другой стиль...

Если речь идет о
width: 50% //width: 100%
то через этот костыль я и делал до этого, пока под 7-й не посмотрел. Майкросовт умудрилась снова подложить свинью, даже путем исправления баха :) Баг исправили, а костыль продолжает действовать и не ie7, в резуоттате получаеться как описано в [0] для оперы.

Кстати вариант с явой избавил еще от одного глюка: в опере не прорисовывалась нижняя рамка в 1 пиксель. И почему самые простые решения приходят в последнюю очередь :)

> и не ie7, в резуоттате

и на ie7, в результате

Как вариант, скормить ie6

а для всех остальных браузеров юзать 50%

В чем суть задания абсолютного позиционирования?

> В чем суть задания абсолютного позиционирования?

сделать вывод в любом месте:)

Хэ-тэ-э-мэл!!! Найти похожие ветки