Главная страница
Top.Mail.Ru    Яндекс.Метрика
Текущий архив: 2007.05.27;
Скачать: CL | DM;

Вниз

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

 
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 до бесконечности :)

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


 
homm ©   (2007-05-01 23:41) [25]

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

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


 
homm ©   (2007-05-01 23:44) [26]

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

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


 
MeF Dei Corvi ©   (2007-05-01 23:47) [27]

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


 
homm ©   (2007-05-01 23:50) [28]

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

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

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


 
antonn ©   (2007-05-01 23:51) [29]

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


 
MeF Dei Corvi ©   (2007-05-02 00:03) [30]


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

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


 
homm ©   (2007-05-02 00:07) [31]

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

Если речь идет о
width: 50%
//width: 100%

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

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


 
homm ©   (2007-05-02 00:09) [32]

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

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


 
MeF Dei Corvi ©   (2007-05-02 00:16) [33]

Как вариант, скормить ie6
<!--[if lte IE 6]>
<style>
width: 100%;
</style>
<![endif]-->
а для всех остальных браузеров юзать 50%


 
Zeqfreed ©   (2007-05-02 04:31) [34]

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


 
antonn ©   (2007-05-02 08:59) [35]


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

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



Страницы: 1 вся ветка

Текущий архив: 2007.05.27;
Скачать: CL | DM;

Наверх




Память: 0.55 MB
Время: 0.059 c
3-1173241771
nikolay80
2007-03-07 07:29
2007.05.27
Сеть и BDE


2-1178714286
Ламер 2.Х
2007-05-09 16:38
2007.05.27
GetSystemInfo


2-1178468708
Ламер 2.Х
2007-05-06 20:25
2007.05.27
Инфа о системе


1-1174929830
Express
2007-03-26 21:23
2007.05.27
Как программно закрыть 1С:Предприятие?


15-1177769617
Ketmar
2007-04-28 18:13
2007.05.27
IEEE754-тика угрожает человечеству