Positionnement div
Résolu
t671
Messages postés
1478
Date d'inscription
Statut
Membre
Dernière intervention
-
t671 Messages postés 1478 Date d'inscription Statut Membre Dernière intervention -
t671 Messages postés 1478 Date d'inscription Statut Membre Dernière intervention -
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).
Si vous pouviez m'apporter une solution, ce serait sympa ..........
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
-
Bonjour,
C'est parce que tu utilises des pixels. Pour que ça reste proportionnel, il faut utiliser des valeurs en pourcentage. -
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 !)
-
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 ? -
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 !
