Discussion :

[pierrot10]

Bonjour,
c'est la premiere fois que je travaille qu'avec des <DIV> et sans tableau.
J'aimerai faire ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<div id="top" width="100%" height="100%">
   <div id="centre"
   </div>
</div>

dans mon CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#top{position:absoluted;top:0px;left:0px;}
#centre{position:absoluted;top:0px;left:60px;}

Comment puis-je faire en sorte que mon <div id="centre"> soit positionné en fonction du <div> dans lequel il se trouve, et pas de browser , mais du <div> dans lequel il se trouve? COmment puis modifier mon code en rouge?

Et comment faire pour qu'il soit toujour position , en hauteur, au milieu de la page?


Ou alors, dans le cas ou j'utiliserai un tableau, comme puis faire pour la position de tout mes <div>, depende pas du browser, mais d'un <table><tr><td> dans lequel ils se trouvent </td></tr></table>

Merci

[trotters213]

j'ai pas tout compris mais essaie ça et dis moi sui c'est ce que tu attendais :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
#centre {
position:relative;
margin-left:auto;
margin-right:auto;
}

PS : a y être fait va jusqu'au bout :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div id="top">
   <div id="centre">
   </div>
</div>

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 #top{
position:absoluted;
top:0px;
left:0px;
width:100%; 
height:100%;
}

[Bisûnûrs]

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 #top{
position:absoluted;
top:0px;
left:0px;
width:100%; 
height:100%;
}

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

position:absolute;

[pierrot10]

Ben en deux mot j'aimerai

1. positionner mon <div id="centre"> en fonction du <div> dans lequel il se trouve et pas en fonction du browser

ou

en foncton d'un tableau (cellule)

[trotters213]

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

...position:absoluted;...

...

Ouhla ça m'avais même pas éffleuré, j'suis fatigué je crois

positionner mon <div id="centre"> en fonction du <div> dans lequel il se trouve et pas en fonction du browser

c'est ce que je t'ai marqué au dessus, il faut utiliser

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

position:relative;

[MasterOfChakhaL]

Un élément positionné se positionne par rapport à son premier ancêtre positionné. S'il n'y a en a pas, la position se calcule par rapport au browser.

Un élément est positionné du moment que sa propriété position est réglé à absolute ( pas absoluted) ou relative.

Position:
- si relative: les coordonnées définissent une translation par rapport à l'emplacement "normal" de la zone (pas de coordonnées => la zone se place normalement mais devient une zone positionnée!!).
- si absolute: les coordonnées définissent l'emplacement par rapport à l'origine du parent positionné.

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div id="top">
  <div id="centre">
  ...
  </div>
</div>

Ensuite, je suppose que tu laisses le div(top) se positionner automatiquement et que div(centre) est positionné par rapport à div(top)

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
#top {
  position: relative;
}
 
#centre {
  position: absolute;
  top: 0;
  left: 0;
}