Positionnement div

Résolu/Fermé
t671 Messages postés 1419 Date d'inscription lundi 25 février 2008 Statut Membre Dernière intervention 26 février 2024 - 1 mars 2012 à 19:03
t671 Messages postés 1419 Date d'inscription lundi 25 février 2008 Statut Membre Dernière intervention 26 février 2024 - 2 mars 2012 à 19:06
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

AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
2 mars 2012 à 09:40
Bonjour,
C'est parce que tu utilises des pixels. Pour que ça reste proportionnel, il faut utiliser des valeurs en pourcentage.
0
Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
2 mars 2012 à 10:37
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
AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
2 mars 2012 à 10:39
A la fin de son code, il y a son html concerné dans des echo
0
Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
2 mars 2012 à 10:40
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
AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
2 mars 2012 à 10:42
Oh d'accord =)
0
t671 Messages postés 1419 Date d'inscription lundi 25 février 2008 Statut Membre Dernière intervention 26 février 2024 11
2 mars 2012 à 12:53
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
t671 Messages postés 1419 Date d'inscription lundi 25 février 2008 Statut Membre Dernière intervention 26 février 2024 11
2 mars 2012 à 19:06
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