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.
    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 !)
      1. Contributeur
        A la fin de son code, il y a son html concerné dans des echo
      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.
      3. Contributeur
        Oh d'accord =)
    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 ?
      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 !