Voilà, j'ai une page dans laquelle j'ai deux div pour l'instant. Elles sont cote à cote.
Grosso modo, ça ressemble à ça :
+-------+ +------------------------------+
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
+-------+ +------------------------------+
Les marges sont fixées à 10 pixels (dans tous les sens) ; par conséquence, les deux cadres sont séparés par 10 points.
Je voudrais que le cadre de droite occupe la totalité de l'espace disponnible tant en largeur qu'en hauteur pour la partie qui lui est réservée, c'est à dire :
pour la largeur
- largeur totale de la fenêtre - (10 + largeur du cadre de gauche + 10 + 10)
Et en hauteur :
- hauteur totale -( 10 - 10).
Comment procéder ? J'ai essayé un peu tout ce que j'ai pu trouver dans les docs en jouant avec les %, les margins, tout le bouzin sans succès.
D'avance merci pour vos conseils/votre aide.
P.S. : Les deux divs sont placés comme suit :
position: relative;
float: left;
width:auto;
margin: 10px;
Forum Programmation.web Problème de CSS....
18
juin
2004
# On demande un boss en CSS
Posté par chx dein . Évalué à 1.
Donc intéressé je suis par la réponse ...
[^] # Re: On demande un boss en CSS
Posté par Gyro Gearllose . Évalué à 1.
pour que ça fonctionne, il ne faut pas que le cadre de droite et le cadre de gauche soient en position:relative; float: left; .
J'ai partiellement résolu le problème en forçant la largeur du cadre de gauche à une certaine valeur, et en plaçant le cadre situé à sa droite manuellement en fixant la marge de gauche. Je n'ai pas les sources sous la main, mais je pourrais retrouver ça mardi, pas avant.
Y'a quand même deux ou trois choses qui me chiffonnent : si on met width:auto; pour le cadre de gauche, celui-ci prend toute la largeur de la page au lieu de se fixer à la taille de ce qu'il contient. Résultat, le cadre de droite se retrouve en dessous, super le placement.....
Et puis, je ne peux pas croire que mon brouteur ne soit pas capable de faire des calculs aussi simple. J'ai aussi relevé quelques incongruités dont je ferais part mardi également, mais celles-ci relèvent de la différence de rendu entre deux navigateurs (moz et ..... konqueror, on parle de navigateurs, alors ie on s'en fout, hein !).
A mardi donc pour un discours un peu plus étayé !
[^] # Re: On demande un boss en CSS
Posté par chx dein . Évalué à 1.
Je vais regarder ça, c'est vrai que je n'avais pas pensé à cette solution !
# alsacreations
Posté par Chadom (site web personnel) . Évalué à 2.
http://www.alsacreations.com/articles/modeles/(...)
[^] # Re: alsacreations
Posté par chx dein . Évalué à 0.
Gros problème : à partir du moment ou le menu prend plus de place que le contenu central, celui-ci part en live et écrase le pied de page.
Des idées ?
[^] # Re: alsacreations
Posté par Chadom (site web personnel) . Évalué à 1.
cf : http://openweb.eu.org/articles/initiation_float/annexes/annexe1.htm(...)
[^] # Re: alsacreations
Posté par chx dein . Évalué à 0.
http://d3in.homelinux.org/prog.html(...)
Peut-être que je le place mal ?
[^] # Re: alsacreations
Posté par Chadom (site web personnel) . Évalué à 1.
Si ton bloc est en postion absolue c'est un autre problème dont je ne vois pas la solution. Je tente de soumettre le cas à Sibelius via http://www.forum-webmaster.com/index.php/programmation/html_css_xht(...)
Suivre le flux des commentaires
Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.