Balise div et redimensionnement de la page [Résolu]

stanilas · 18/07/2011, 20h44

Bonjour

j'ai un problème avec les balises div
je veux que mon menu soit à gauche de mon écran et à droite on a une page.

Code html :

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

1
2
3
4
5
6
7
8
9
 
<Div>
<Div width= "30%">
mon menu titre 1
mon menu titre 2
 
 </Div>
<DIV width="70%">contenu lambda</DIV>
</DIV>

J'ai remarque que en réduisant ma fenêtre mon menu se retrouve en haut du contenu lambda
comment je peux faire pour que tout soit fixe ?
merci

RomainVALERI · 19/07/2011, 00h01

C'est ici que ça se passe.

12monkeys · 19/07/2011, 08h21

Bonjour

Comme le dit RomainVALERI une mise en page se fait en CSS : http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/

Il faut simplement que tu indiques une taille à ta div parente (qui englobe les deux autres). Avec les pourcentages il faut que tu fasses attention à ce que le total ne dépasse pas 100% sinon les 2 div vont passer l'un en dessous de l'autre. Et attention aux arrondis de pourcentage dans les navigateurs...

stanilas · 19/07/2011, 19h58

bonjour merci de me répondre.
oui mais bon je pense que ça faire la même chose que je rajoute des ID sur les DIV.
J'ai lu que ce n’était pas top de mettre en PX et qu 'il valait mieux utiliser le pourcentage.
donc c'est à cause du pourcentage que ça ne marche pas alors.
merci les mecs et les meufs devant le PC

j'envoie mon code :

Code :

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
22
23
24
25
26
27
28
29
30
31
32
<html>
  <head>
    <title><sitemesh:write property='title'/></title>
    <style type='text/css'><link rel="stylesheet" type="text/css" href="style.css">
      /* Some CSS */
 
 
div#footer{clear:both;text-align: center; border-top: 1px solid #cccccc; margin-top: 40px; color: #666666; font-size: smaller;}
h1{color:purple}
div#contenu{ height:"400px" ;width:"350px";background-color:#ffffcc;} 
div#page{width:"600px";height:"400px" ;background-color:#ffffcc; } </style>
    <sitemesh:write property='head' />
  </head>
  <body>
 
    <h1 class='title'><sitemesh:write property='title'/></h1>
<div id="page" >
<div id="menu" >
<menu:useMenuDisplayer name="TabbedMenu"
  >
  <menu:displayMenu name="Global.Home" />
  <menu:displayMenu name="Global.About" />
</menu:useMenuDisplayer>
</div>
    <div id="contenu">
      <sitemesh:write property='body'/>
    </div>
</div>
    <div class='disclaimer'>Site disclaimer. This is an example.</div>
 
  </body>
</html>

ben toujours le même problème lors du redimensionnement de ma page mon menu passe au dessus.

stanilas · 19/07/2011, 23h34

c'est bon j'ai trouve l'erreur c'est mon tableau qui etait trop grand.

je l'ai reduit et ca marche
merci pour votre aide

19/07/2011, 00h01	#2
RomainVALERI Expert Confirmé Sénior Romain VALERI POOête Inscription : avril 2008 Messages : 2 573 Détails du profil Informations personnelles : Nom : Romain VALERI Âge : 35 Localisation : France, Meurthe et Moselle (Lorraine) Informations professionnelles : Activité : POOête Informations forums : Inscription : avril 2008 Messages : 2 573 Points : 4 075 Points : 4 075	C'est ici que ça se passe. __________________ ...pour les linguistes et les curieux >>> générateur de phrases aléatoires __________________
	10

19/07/2011, 08h21	#3
12monkeys Rédacteur/Modérateur Dr. Peters Webmaster Inscription : novembre 2006 Messages : 3 618 Détails du profil Informations personnelles : Nom : Dr. Peters Âge : 35 Localisation : France, Bas Rhin (Alsace) Informations professionnelles : Activité : Webmaster Secteur : Service public Informations forums : Inscription : novembre 2006 Messages : 3 618 Points : 6 238 Points : 6 238	Bonjour Comme le dit RomainVALERI une mise en page se fait en CSS : http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/ Il faut simplement que tu indiques une taille à ta div parente (qui englobe les deux autres). Avec les pourcentages il faut que tu fasses attention à ce que le total ne dépasse pas 100% sinon les 2 div vont passer l'un en dessous de l'autre. Et attention aux arrondis de pourcentage dans les navigateurs... __________________ Vous débutez dans la creation de sites web : les bases du html et débuter avec les CSS Pas de MP pour des questions techniques ! Mode d'emploi du forum ; Règles ; Pensez à la balise code ; Pas de SMS ! Votez pour les messages qui vous ont aidés...
	10

19/07/2011, 23h34	#5
stanilas Membre du Club Inscription : novembre 2004 Messages : 187 Détails du profil Informations forums : Inscription : novembre 2004 Messages : 187 Points : 69 Points : 69	c'est bon j'ai trouve l'erreur c'est mon tableau qui etait trop grand. je l'ai reduit et ca marche merci pour votre aide
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email