# Relative position and blocks

From: Nicolas Boiteux <nicolas_boiteux@yahoo.fr>
Date: Sun, 17 Oct 2004 20:21:43 +0200 (CEST)
Message-ID: <20041017182143.40372.qmail@web26502.mail.ukl.yahoo.com>

```
Hi,

There is a conception problem with relative position
block. The position could be more efficient if each
children block were encapsulated in the container
block.

The position of the children block would be each time
relative to the father block. Actually, each children
blocks calculate his position ratio the bottom of the
previous bottom children block. The block are vertical
align. That is an error, because all the time we have
to move blocks side by side, we must calculate the
height of the previous block, and use negative valor.
The float properties is also an arbitrary position.

To resolve all this problemes, the children blocks
should be inside the container block, and share the
horizontal room. For this, the children must inherit
of each size properties of his father. This properties
can not be overide by children(without function), and
are not visible by children. For this the coordonate
should be virtual.

Here an exemple for the position of a left column in a
container block

real and same coordonate for children ratio his
father:
left: 20%
right: 0%
top: 0%
bottom: 0%

virtual coordonate for children relative to his father
left: 0%
right: 0%
top: 0%
bottom: 0%

here, a summary exmple, we have a root container which
inherit of the page properties, and 3 children blocks
(3 columns) that inherit of the father container, and
take position relative to him

..page_container{
display: block;
position: relative;
}

..left{
display: block;
position: relative;
width: 20%
}

..right{
display: block
position: relative;
width: 20%;
left: 60%;
}

..center{
display: block
position: relative;
width: 60%;
left: 20%;
}

Sorry for my poor english,
greetings,
Nicolas

Amelioration du positionement relatif

Bonjour,

Il y a dans le positionement un problême de
conception. Le positionement relatif serait plus
efficient si chaque block fils contenu dans un block
conteneur etait encapsulé dans le block père.

Le positionement du block enfant se ferait à chaque
fois relativement au bloc père, et cacherait les
propriétés du block père. Actuellement, chaque block
enfant calcule sa position par rapport au bottom du
block enfant précédent. Les blocks sont alignés
verticalement ce qui est une erreur de conception
objet.

Les blocks positionnés relatif devraient se placer au
sein du père, en se partageant l'espace. Pour cela,
l'enfant doit hérité de chaque propriété du block
père. Ces propriétés ne doivent être ni dépassable, ni
visibles par l'enfant. Pour cela, il faut des
coordonnées virtuelles encapsulées .

real and same coordonate for father:
left: 20%
right: 0%
top: 0%
bottom: 0%

virtual coordonate for children
left: 0%
right: 0%
top: 0%
bottom: 0%

Voila un exemple sommaire, un conteneur qui recupere
les propriétés de la page. Ensuite, dans ce conteneur,
on a 3 colomnes qui hérite des propriétés du conteneur
père, et qui se positionne de façon relative à lui.

..page_container{
display: block;
position: relative;
}

..left{
display: block;
position: relative;
width: 20%
}

..right{
display: block
position: relative;
width: 20%;
left: 60%;
}

..center{
display: block
position: relative;
width: 60%;
left: 20%;
}

Nicolas

Vous manquez d’espace pour stocker vos mails ?
Yahoo! Mail vous offre GRATUITEMENT 100 Mo !
Créez votre Yahoo! Mail sur http://fr.benefits.yahoo.com/

Le nouveau Yahoo! Messenger est arrivé ! Découvrez toutes les nouveautés pour dialoguer instantanément avec vos amis. A télécharger gratuitement sur http://fr.messenger.yahoo.com
```
Received on Sunday, 17 October 2004 18:24:57 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:27:15 UTC