Boites div, menu et organisation d'une page

Question

Bonjour &#224; tous

voil&#224; j'ai une question sur laquelle je bute depuis bien un mois...

C'est tout simple :

J'ai mon menu &#224; gauche (boite div), on va dire qu'il fait 100 pixels.

Et je veux que le contenu de ma page, une autre boite div, prenne tout l'espace restant.

Seulement, si je lui met la valeur width: 100%, et puis que j'utilise
float, ma balise va faire 100% de la page totale, et non 100% de
l'espace restant (qui correspond &#224; width(page totale) - width(menu)) et
&#231;a va ajouter une barre de scroll horizontale &#224; ma page...

Euh je sais que j'explique mal lol, mais quelqu'un m'a t'il compris et pourra t'il m'aider ?

Merci infiniment

Cia&#242; 
[mailto:madmatt_12@msn.com MadMatt]
www.madmatt.fr.st

cs_bultez · Answer

Bonjour,
pas tr&#232;s bien compris, car 100%
"&#231;a marche" pour l'espace restant (IE,FF)

menu

ligne 2

contenu de la page

Cordialement. Bul. &#144;Site&#144;[mailto:marcelBultez@Tiscali.fr Mail]&#144;

MadM@tt · Answer

Merci pour la r&#233;ponse.

Ce que tu m'a donn&#233; (et que j'avais r&#233;ussi &#224; trouver hier sur internet)
marche pour la structure d'une page. apr&#232;s j'y arrive pas  si c'est par exemple dans une boite div, j'ai 2 autres boites div.

Et je veux que &#231;a donne :



|------| |----------------|

| 20px | | 100% du reste  |

|------| |----------------|



(Sachant que la boite div qui les contient poss&#232;de des attributs left, top, width, height etc...)

Et comme je veux qu'il y ai un l&#233;ger espacement entre les 2 boites, je
doit appliquer un margin-left: 30px; (les 20px de la boite de gauche +
10px d'&#233;cart) &#224; la boite de droite. Et de ce fait elle d&#233;passe (&#224;
droite) de la div qui les contient.

Je sais que tout &#231;a n'est pas tr&#232;s clair 
mais &#231;a me prend tellement le chou que j'ai c&#233;der &#224; utiliser un
tableau. C'est pas recommand&#233; je sais mais bon, on fait avec les moyens
du bord...

Merci

Cia&#242; 
[mailto:madmatt_12@msn.com MadMatt]
www.madmatt.fr.st

cs_bultez · Answer

ah, les choses se compliquent, il faudrait tout regarder de pr&#232;s.

les tableaux ne sont peut-&#234;tre pas recommand&#233;s ( par 
qui ? ) , mais tellement simples &#224; utiliser que je n'ai
aucun scruplule &#224; le faire.

Cordialement. Bul. &#144;Site&#144;[mailto:marcelBultez@Tiscali.fr Mail]&#144;

MadM@tt · Answer

En modifiant ton code j'ai eu une id&#233;e... J'ai mis d&#233;j&#224; height: 100%; pour la div de gauche : le menu (dans ton code)

Et je testerai ce soir ce que &#231;a donne si je mettais une autre div dans
chaque boite avec un margin de 10px par exemple, comme &#231;a j'aurai mes 2
boites (menu &#224; gauche et contenu &#224; droite) espac&#233;es de qq pixels et
couvrant toute la fenetre. Et si &#231;a marche pas les tableaux feront
l'affaire .



En tout cas merci de t'etre interess&#233; &#224; mon probl&#232;me

Cia&#242; 
[mailto:madmatt_12@msn.com MadMatt]
www.madmatt.fr.st

cs_bultez · Answer

j'ai "eu le temps de regarder"
et, si j'ai compris, tout baigne, normalement...

 

 

 

 

Cordialement. Bul. &#144;Site&#144;[mailto:marcelBultez@Tiscali.fr Mail]&#144;

Boites div, menu et organisation d'une page

5 réponses

Votre réponse

Discussions similaires