Positionnement div

Résolu
Bonjour,

Je n'arrive pas à positionner mes div correctement.
En plein écran, c'est impeccable. Mais si je le réduit, les deux div centrales (bandeau + frame)passent sous celle de gauche (menu).

#### div de gauche
.menu {
float: left;
width: 160px;
height: 580px;
overflow: auto;
}
##### div centrale haut
.bandeau {
float: left;
margin-top: -5px;
margin-left: 10px;
}
### div centrale bas (sous le bandeau)
.frame {
float: left;
margin-right: 10px;
margin-top: 20px;
height: 470px;
font-family: Comic sans MS, verdana, arial, helvetica, sans-serif;
overflow: auto;
width: 1050px;
}


echo '<div class="menu"> ............. </div>';
echo '<div class="bandeau"><img src="images/bandeau.jpg"></div>';
echo '<div class="frame">';
include($inc);
echo '</div>'; 

Si vous pouviez m'apporter une solution, ce serait sympa ..........

4 réponses

  1. Contributeur
    Bonjour,
    C'est parce que tu utilises des pixels. Pour que ça reste proportionnel, il faut utiliser des valeurs en pourcentage.
    0
    1. Contributeur
      Hello,

      En effet, c'est le problème des float...
      Soit tu passe tout en tailles relatives (%) soit tu intègres le tout dans une div plus grande (il faudrait voir ton code html en fait !)
      0
      1. Contributeur
        A la fin de son code, il y a son html concerné dans des echo
        0
      2. Contributeur
        Oui mais il me manque ce qu'il y a avant et après pour voir si tout est inclu dans une div globale.
        0
      3. Contributeur
        Oh d'accord =)
        0
    2. Je verrais cela ce soir !
      Je pensais mettre "bandeau" + "frame" dans une div, et déclarer cette div en % (principalement width).
      Mais faut-il mieux mettre les trois div actuelles ("menu" + "bandeau" + "frame") dans une div globale ?
      0
      1. Finalement, j'ai modifier mon positionnement des div et cela fonctionne beaucoup mieux.
        J'ai une div haut avec le bandeau, et une div bas avec le menu + frame.

        C'est beaucoup plus simple ainsi ................

        A ++ et merci pour votre intervention !
        0