Discussion :

[poulex]

Hello,

j'ai un problème pour la disposition d'une "bannière" en CSS

j'ai une div de début de bannière de 100px, suivit d'une div qui doit s'adapter à la largeur de la fenêtre puis la div de fin de ma bannière de 400px. (noter que j'aimerai le faire de préférence en css et donc sans contenu dans la div du milieu)

pour être vraiment clair voici un petit schéma: (vive l'ascii ...dsl j'ai rien sur ce pc)

(div de header)________________________________________
----------------|-------------------------|------------------|
-------div------|----div qui prend ---------|--div fin bannière-|
début bannière-|--la place disponible-------|-----400 px ------|
----- 100px----|-----entre deux ----------|------------------|
_____________|_______________________|________________|


à priori je voulais mettre simplement la div du milieu avec l'attribut height=80%. Mais si les 20% restants sont plus petit que 500px la div de fin de bannière descend en dessous, ce que je veux éviter

donc je voulais faire height= 100%-500px; ...ce qui ne marche évidement pas ...

je cherche quelque chose comme les layouts sous Qt si quelqu'un connais ...


merci d'avance = )

[Macmillenium]

Bonjour,

à priori je voulais mettre simplement la div du milieu avec l'attribut height=80%. Mais si les 20% restants sont plus petit que 500px la div de fin de bannière descend en dessous, ce que je veux éviter

Je pense que tu parles de width

(div de header)________________________________________
----------------|-------------------------|------------------|
-------div------|----div qui prend ---------|--div fin bannière-|
début bannière-|--la place disponible-------|-----400 px ------|
----- 100px----|-----entre deux ----------|------------------|
_____________|_______________________|________________|

L'ordre dans ton code HTML :

1. DIV gauche en float:left avec largeur fixe 100px ;
2. DIV droite en float:right avec largeur fixe 400px ;
3. DIV centrale avec un margin-left:largeur DIV gauche et margin-right:largeur DIV droite

Sinon tu as une autre solution en conférant un nouveau contexte de formatage à la DIV centrale (via overflow:hidden par exemple) et le Layout pour IE6- (via zoom:1 par exemple).

[poulex]

grand merci

c'est exactement ce que je voulais...
...et dire que j'étais allé aussi loin mais j'avais pas mis les div dans le bon ordre