Balise div et redimensionnement de la page

**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

Balise div et redimensionnement de la page

Dimensionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager