Liens contextuels :
| Auteur | |
|---|---|
| Emilien59 | # 10 May 2008 - 08:20:32  |
| 8 Posts |
Salut les CSSeux, Je suis tout nouveau sur ce forum (qui m'a fortement aidé pour réaliser mon projet, merci la FAQ et les contributeurs ^^) mais je suis également nouveau en CSS. Pour être franc avec vous j'étais un grand fan des <table><tr><td>  mais il fallait donc se mettre à la page donc le nouveau site est fait en CSS, XHTML.J'ai une question car je ne sais pas du tout comment faire. En fait, mon site se compose de 2 colonnes horyzontales. L'une est la partie centrale (700 px) et l'autre le menu (250px) englobant le tout dans une div "contenu2". Mais sur certaines pages, j'ai décidé de ne pas afficher le menu de droite, est-il possible d'étendre ma partie centrale à 100% lorsque je n'ai pas de menu ? Ma partie CSS :
J'ai passé 2 H hier soir, mais bon  Merci d'avance et excellent week-end à vous (en plus il fait beau autant en profiter) Modifié par Emilien59 (13 May 2008 - 12:06) |
 |
|
| Shunkin | # 10 May 2008 - 10:00:38 |
| 43 Posts |
Bonjour, il faut supprimer float:left; et width:700px; pour #contenu-milieu. De plus, dans la structure de ta page, il faut d'abord traiter #contenu-droit puis #contenu-milieu. Ce qui donne : CSS #contenu2 {background:#FFFFFF; float:left; margin-top:15px; margin-left:auto; margin-right:auto; width:990px; height:auto; padding:auto;}HTML
|
 |
|
| Florent V. | # 10 May 2008 - 12:16:21 |
On va manger des chips.  Modérateur 11976 Posts |
Bonjour, On fera plutôt ceci: #contenu2 {La colonne de gauche (#contenu-milieu), pour peu qu'elle soit placée en deuxième dans le code HTML (après #contenu-droit), s'adaptera à la présence ou non de #contenu-droit. |
| |
|
| Emilien59 | # 12 May 2008 - 08:15:22 |
| 8 Posts |
Bonjour à tous et merci pour vos réponses. Le code marche mais seul bémol lorsque la page est censée prendre 100% elle reste à la même largeur qu'auparavant. Qu'en est-il ?  Merci d'avance et bonne journée Emilien Modifié par Emilien59 (12 May 2008 - 08:15) |
|
|
| Florent V. | # 12 May 2008 - 11:24:42 |
On va manger des chips. Modérateur 11976 Posts |
Emilien59 a écrit : Heu... ben la page n'est pas censée prendre 100% de la largeur, vu que dans le code que je propose (et en cela je reprend ton code CSS de départ), on a: #contenu2 {Donc on a une largeur fixe de 990px. Si on veut une largeur fluide, on peut travailler avec des pourcentages (width: 80% par exemple), ou bien ne pas donner de largeur du tout (ce qui revient à écrire width: auto, si on veut écrire une ligne de CSS inutile). |
| |
|
| Emilien59 | # 12 May 2008 - 20:22:01 |
| 8 Posts |
En fait j'aimerai que Si il n'y a pas de #contenu-droit alors #contenu-milieu devient 100% de #contenu2 (990px) Or là, si pas de #contenu-droit, le #contenu-milieu ne prend pas 990px mais 990-252px. J'ai du mal à m'expliquer Encre merci d'avance |
|
|
| Florent V. | # 13 May 2008 - 11:06:27 |
On va manger des chips. Modérateur 11976 Posts |
Emilien59 a écrit : C'est bien ce que j'avais compris, et le code que je propose correspond à ça. Soit tu ne l'as pas compris et as oublié de le tester, soit tu l'as recopié de travers. |
| |
|
| Emilien59 | # 13 May 2008 - 12:04:17 |
| 8 Posts |
Le problème persiste, j'ai pourtant appliqué à la lettre tes recommandations  La colonne de droite se met à droit mais sous le contenu milieu Ok sur FF mais non sur IE 7/ie 6 Modifié par Emilien59 (13 May 2008 - 23:26) |
|
|
| Emilien59 | # 13 May 2008 - 23:27:20 |
| 8 Posts |
Tu me parlais de caractère, késako en fait ?  |
|
|
| Florent V. | # 15 May 2008 - 22:43:09 |
On va manger des chips. Modérateur 11976 Posts |
Emilien59 a écrit : Hmm... l'un de nous deux s'est planté, manifestement. On peut voir tes essais en ligne? Emilien59 a écrit : Ça, c'est le genre de problème qu'on a quand on place la colonne de droite en deuxième dans le code HTML, au lieu de bien la placer en premier comme indiqué. Emilien59 a écrit : Même chose: je demande à voir. Page en ligne? Emilien59 a écrit : Je n'ai pas parlé de caractère ou de caractères dans ce sujet, à ma connaissance.  |
| |
|
Les références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org
Nos partenaires : Editions Eyrolles - Location vacances France - Location vacances Europe
Nikozen : Hébergement - Réalisation : Alsacreations.fr