W3C home > Mailing lists > Public > www-style@w3.org > October 2004

Relative position and blocks issue

From: <log@girafon.org>
Date: Tue, 19 Oct 2004 11:53:23 +0200 (CEST)
To: ,
To: www-style@w3.org
Message-Id: <20041019095323.AE2487E831E@shagshag.girafon.org>

Excuse me but i had to change of email. 



My previous email didn t work anymore on this mailing list for unknow reason, just after the message : 



Relative position and blocks

http://lists.w3.org/Archives/Public/www-style/2004Oct/0070.html



Boris you didn t answer to my question about the inherit of relative position. You talk about the absolute position.



By default, there is a vertical aligment in a normal

stream with relative position block. 



That means by default in a father block/root

container, when there is at least tow children blocks

in relative position, the top properties of the second

block is always inherit of the bottom properties of

the first block (his brother), instead the top

properties of the root container. 



It s means also that if the children blocks have

position absolute, they can t contain children with

position absolute.



The kind of alignement shoud be choose, or calculate

manualy via the property top - bottom - right - left,

without overide the inherit.



We could have a simple exemple of this problem, when

we try to put one block with a space of x% and another

block all side by side. 



Try this with relative, absolute, or fixed position,

and a blabla text



create a main container

create a empty space, with another container 

create 6 blocks side by side with different width, and

height size

under this 6 blocks in the same container 

create 3 blocks side by side with different width size

and height size



look the schem (i don t know if it will be readable on

the mailing list ;()

+------------------+

| +---------------+|

| |xxxxxxxxxxxxxxx||

| |xxuuuuuxxuuuxxx||

| |xxuuuuuxxuuuxxu||

| +---------------+|

+------------------+



Excusez moi, mais j'ai du changé d'email. Mon précédent email ne marchait plus sur cette mailing list pour des raisons inconnues suite à mon précédent message:



Relative position and blocks

http://lists.w3.org/Archives/Public/www-style/2004Oct/0070.html



Boris vous n'avez pas répondu à la question concernant l'héritage du positionnement relatif, vous parlez du positionnement absolu.



Par défaut le flux normal, impose un alignement

vertical.



Cela signifie que quoi qu'il arrive dans un block

conteneur, a partir du moment ou on a deux blocks fils

en position relatif, la propriété top du second block

fils hérite de la propriété bottom du premier fils et

non du top du père.





Cela signifie aussi que si un block enfant utilise la

position absolute, il ne peut pas contenir un autre

enfant avec la position absolute.



Cet alignement devrait etre choisi ou fait

manuellement via les propriétés top - bottom - right -

left sans transgresser l'heritage.



Il y a un exemple simple quand on essaye de mettre

deux blocks cote à coté séparé par un vide de temps de

%.



J'ai un exemple plus explicite:



essaie avec tout les positionnements que tu souhaites

de créer ce cas de figure, avec du blabla de

remplissage.



Dans un bloc principal, 

on crée un espace vide, puis on crée un autre block

principal,

on crée ensuite une première ligne 6 blocks avec des

largeurs et des hauteurs différentes, et sur une ligne

en dessous 3 autres blocks avec des hauteurs et

largeurs différentes.



Voici un schéma, je ne sais pas s'il va bien passer

sur la mailing liste ;(



+------------------+

| +---------------+|

| |xxxxxxxxxxxxxxx||

| |xxuuuuuxxuuuxxx||

| |xxuuuuuxxuuuxxu||

| +---------------+|

+------------------+
Received on Tuesday, 19 October 2004 09:53:47 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:34 GMT