CSS - dziwna interpretacja przez FF4 - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › CSS - dziwna interpretacja przez FF4

« poprzedni wątek

następny wątek »

Ilość wypowiedzi w tym wątku: 5

1. Data: 2011-04-12 10:36:03
Temat: CSS - dziwna interpretacja przez FF4
Od: Marek <b...@e...com>

Witam,

Zrobiłem dokument:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html style="position:relative">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="position:relative">
<br>
<br>
<br>
<br>
<br>
tu zaczyna się tabela
<div style="display:table; width:400px; position:relative">
<div style="display:table-row; position:relative">
<div style="background-color:#09C; display:table-cell;
position:relative">to jest treść
<div style="position:absolute; width:100px; height:100px; top:0px;
right:0px; background-color:#FC0"></div>
</div>
</div>
</div>
</body>
</html>

Dlaczego pomarańczowy kwadrat wyświetla się w górnym prawym rogu
przeglądarki FF4 zamiast na poziomie wiersza tabeli tak jak to dzieje się
pod IE9, Chrome i Operą? Czy FF4 źle interpretuje style?

[ pokaż wiadomość z nagłówkami ]

do góry
2. Data: 2011-04-12 19:17:16
Temat: Re: CSS - dziwna interpretacja przez FF4
Od: Artur Muszyński <a...@u...wytnijto.com.pl>

W dniu 2011-04-12 12:36, Marek pisze:
> <div style="display:table; width:400px; position:relative">
> <div style="display:table-row; position:relative">
> <div style="background-color:#09C; display:table-cell;
> position:relative">to jest treść
> <div style="position:absolute; width:100px; height:100px; top:0px;
> right:0px; background-color:#FC0"></div>
> </div>
> </div>
> </div>

http://www.w3.org/TR/CSS21/visuren.html#positioning-
scheme

"The effect of 'position:relative' on table-row-group,
table-header-group, table-footer-group, table-row, table-column-group,
table-column, table-cell, and table-caption elements is undefined."

artur

[ pokaż wiadomość z nagłówkami ]

do góry
3. Data: 2011-04-12 19:35:36
Temat: Re: CSS - dziwna interpretacja przez FF4
Od: Marek <b...@e...com>

Dnia Tue, 12 Apr 2011 21:17:16 +0200, Artur Muszyński napisał(a):

>
> http://www.w3.org/TR/CSS21/visuren.html#positioning-
scheme
>
> "The effect of 'position:relative' on table-row-group,
> table-header-group, table-footer-group, table-row, table-column-group,
> table-column, table-cell, and table-caption elements is undefined."
>
> artur

O kurcze... Czyli po polsku: pozycjonowanie względem "komórek tabeli" nie
powinno działać (mimo iż działa w IE9) ?

Jeśli tak, to jest to kloejna ustandaryzowana bzdura tak jak collapsing
margins.

Czy da się to jakoś obejść?

[ pokaż wiadomość z nagłówkami ]

do góry
4. Data: 2011-04-12 19:52:19
Temat: Re: CSS - dziwna interpretacja przez FF4
Od: Artur Muszyński <a...@u...wytnijto.com.pl>

W dniu 2011-04-12 21:35, Marek pisze:
> Dnia Tue, 12 Apr 2011 21:17:16 +0200, Artur Muszyński napisał(a):
>
>>
>> http://www.w3.org/TR/CSS21/visuren.html#positioning-
scheme
>>
>> "The effect of 'position:relative' on table-row-group,
>> table-header-group, table-footer-group, table-row, table-column-group,
>> table-column, table-cell, and table-caption elements is undefined."
>>
>> artur
>
> O kurcze... Czyli po polsku: pozycjonowanie względem "komórek tabeli" nie
> powinno działać (mimo iż działa w IE9) ?
>
> Jeśli tak, to jest to kloejna ustandaryzowana bzdura tak jak collapsing
> margins.
>
> Czy da się to jakoś obejść?

<TD>
<DIV style="position:relative">
<DIV style="position:absolute">
Przy okazji, relative na HTML też nie działa.

artur

[ pokaż wiadomość z nagłówkami ]

do góry
5. Data: 2011-04-13 11:49:33
Temat: Re: CSS - dziwna interpretacja przez FF4
Od: Marek <b...@e...com>

> <TD>
> <DIV style="position:relative">
> <DIV style="position:absolute">
> Przy okazji, relative na HTML też nie działa.

Spróbuję usunąć i sprawdzę w przeglądarkach. Kiedyś było tak, że bez
relative w HTML jakaś przeglądarka przestawała pozycjonować właściwie.

A co do powyższego przykładu - obawiam się, że nie rozumiem jak działa
pozycjonowanie relatywne. Sądziłem, że element relatywny pozycjonuje się
względem swojego rodzica a rodzic do swojego rodzica itd. Jeśli w tym
zagnieżdżeniu elementów jeden z rodziców przestanie być relatywny, to
pozycjonowanie jego wszystkich potomków psuje się (nie tylko bezpośredniego
potomka). W powyższym przykładzie tym "psujem" jest TD. Pierwszy wewnętrzny
DIV gubi ciągłaść i drugi, absolutny DIV powinien pozycjonować się do tego
co jest nad TD relatywnego i pozostającego w nieprzerwanym ciągu
relatywnych elementów. Czy nie jest tak?

[ pokaż wiadomość z nagłówkami ]

do góry