Bonjour à tous,
J'ai un problème de superposition de div sur mon site internet : http://www.unalive.com/star_academy_8_t ... s_aliagas/
il s'agit des 2 google adscence à droite et à gauche qui superpose la zone centrale lorsque l'on réduit la largeur du navigateur.
Je ne souhaite pas que ça se superpose dans un soucis esthétique. Que faut il que je rajoute comme code CSS pour empécher cela ?
Merci pour votre aide
la communauté d'entraide francophone dédiée au PHP
Problème CSS div et superposition
Mammouth du PHP |
2937 Messages
Après une rapide analyse avec Firebug et Web Developper, mon constat est le suivant : il vaut mieux revoir la mise en page. Tu peux t'inspirer des modèles présentés sur Alsacréations.
Quelques conseils :
Après essai avec Firebug, ça passe en 1024 ; en revanche, en 800, le problème demeure. Donc il vaut mieux revoir la mise en page. 
Quelques conseils :
- privilégie les feuilles de styles externes à l'attribut style (tu gagneras en rapidité de maintenance) ;
- le positionnement de type fixe (position: fixed) n'est pas sans risque : puisque les blocs positionnés de la sorte se positionnent en fonction de la fenêtre (ou de l'onglet) du navigateur, il est donc normal que le contenu principal de ta page soit partiellement masqué quand on est en 800*600 (de plus, IE 6 n'interprète pas la propriété position avec la valeur fixed).
Code : Tout sélectionner
#GOOGLE_LEFT, #GOOGLE_RIGHT {
width: 120px;
}
#page {
margin: 0 130px;
}