Discussion :

[Zan]

Hello tout le monde. Là je tombe sur un os. un gros!
voila mon pb:

2 blocs (2 div):

- div image
- div page

div page de 800px centré au milieu de la page.
div image tout a gauche qui doit s'ajuster en fonction de la taille de lecran sans pousser l'autre qui reste centrée.

Et bien voila, je n'y arrive pas!

Code CSS :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
.image{
	margin: 0px; 
	padding:0px;
	border:0px;	
	background-image:url(../imgSite/portrait.jpg);
	background-position:right;
	background-repeat:no-repeat;	
	background-color:#D1D1D1;
	height:707px;
}
 
 
.page{
	width:800px; 
	margin-left:auto; 
	margin-right:auto;
	padding:0px;
	border:0px;		
	text-align:left;
}

Si quelqu'un avait une proposition

[Bisûnûrs]

Code :

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

position:absolute;

sur ton div image ?

[Zan]

Ok, l'image se redimenssione bien. Mais la div page qui contient en fait un texte a différent pb.

Firefox :
Résolution 1024: la div page commence en dessous de l'image. En fait la div page est bien tjrs centré pas de pb, mais l'image est trop large, ca vient surement de mon width:17%.. mais koi mettre pour que la div image se dimenssione automatiquement?
Résolution supérieur: ca marche bien.

IE :
La div image est superposé au centre sur la div page(allé savoir pourquoi)




Voila pour illustrer

AU BUCHé IE au buché!!!!

[Zan]

Mon dessin n'a pas fait bonne impression?

[MasterOfChakhaL]

Tu as essayer de faire ce que Bisûrnûs t'as conseillé? Selon moi, ca doit marcher.

Si tu passes ton div en position:absolute; alors ce div sera sorti du flux normal et ne devrait pas interagir avec les autres éléments ( au niveau du positionnement)
Si tu donnes une largeur en %, cela devrait s'adapter par rapport à la largeur du body.

Pourrais-tu donner le code html histoire de lever toute ambiguïté.

[lionheart33806]

Hin hin, ton problème rejoindra donc mon post "Hauteurs des div pour obtenir 100% de la page" ou comment obtenir toute une hauteur de page (ou toute une largeur dans ton cas) en utilisant une taille fixée en pixel et une taille relative.

A mon avis c'est walou, les div ne peuvent pas remplacer un bon vieux tableau du type :

Code HTML :

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

1
2
3
4
5
6
<table width="100%">
  <tr>
    <td background="...image"></td>
    <td width="800">page</td>
  </tr>
</table>

[MasterOfChakhaL]

A mon avis c'est walou, les div ne peuvent pas remplacer un bon vieux tableau du type :...

Justement, si j'ai bien compris le problème ici, il s'agit justement d'un bon exemple de ce que l'on doit pouvoir faire avec des div et qui est impossible avec les tableaux, ton problème lionheart33806 et de centrer verticalement ce qui est justement une des grosses lacunes du CSS2.

Ici, il s'agit, je crois, de positionner deux éléments indépendamment l'un de l'autre ce qui n'est pas possible dans un tableau.