positionnement div css Résolu/Fermé

Question

Bonjour, Je cherche à positionner deux div en css, de sorte à avoir deux colonnes (à gauche, et le reste à droite). Si j'écris ceci, c'est ok sur vista. Mais sous xp, la div menu est décalée sur la droite et superpose la div banniere (donc il y a peut être une erreur ???): .banniere { margin-left: 165px; } .titre { margin-top : -60px; margin-left: 317px; font-size: 80px; color: #800000; font-weight: bold; } .menu { position: absolute; float: left; width: 160px; height: 560px; overflow: auto; } .drapeau { margin-top: 20px; margin-left: 35px; } .logobrumath { margin-left: 1000px; margin-top: -80px; } .frame { margin-left: 150px; margin-right: 40px; height: 470px; font-family: Comic sans MS, verdana, arial, helvetica, sans-serif; overflow: auto; } // ..........

titre

..............

Merci de m'indiquer la bonne façon de faire

matalex59 · Answer

as tu essayés " http://jigsaw.w3.org/css-validator/ "

nob51 · Answer

Bonjour,

Je ne sais pas si c'est une erreur de copier/coller mais dans ton CSS tu as des instructions qui ne sont sous aucunes classes/id. C'est surement de là que vient ton problème.

A+

t671 · Answer

Pour nob51 : effectivement, j'avais oublié ".menu" dans mon copier/coller ......  
Pour matalex59: je suis allé voir ton lien. J'ai 13 avertissements (La même couleur est utilisée en tant que couleur.............) => pas méchant, et j'ai "Votre feuille de style CSS validée :", avec ma feuille css sans correction apparente !?

Vous pouvez tester le site ici : http://kotoka.free.fr/

nob51 · Answer

Personnellement, le site marche bien chez moi (en ce qui concerne les div). Je pense plus qu'il s'agit d'un problème de compatibilité entre les navigateurs (quelle version utilises-tu sur l'XP et sur Vista). 

Autre hypothèse : est-ce que tu utilises deux écrans ? Si oui, ils doivent être de résolution différentes et c'est pour cela que les div se chevauchent.

t671 · Answer

Les différents affichages :
(chez moi, pc et écran différent)
Sur Vista, IE8 = ok
Sur vista Firefox = ok
Sur XP IE8 = nok
Sur XP Firefox = ok
(au boulot)
Sur XP, IE7 ou6 = nok.

Ce que je ne comprends pas, c'est que quelque soit la résolution de l'écran, l'affichage devrait est ok. Sinon, tous les affichages devraient foirés ....... !!!!!
Compatibilité entre navigateur, peut-être. Quoique chez moi, l'affichage est différent entre Vista et XP sur IE8, uniquement pour ce site .......

t671 · Answer

Voilà ! J'ai revu mes pages internet et mon css. J'ai placé au maximum avec des % dans le css. Sous Vista, l'affichage est beaucoup mieux, meilleur cadrage.
Mais sous mon xp, mon menu est toujours décalé sur la droite, et passe dessus mon texte central.

.banniere {
margin-left: 13%;
}
.kotoka {
margin-top : -5%;
margin-left: 28%;
font-size: 80px;
color: #800000;
font-weight: bold;
}
.menu {
position: absolute;
float: left;
width: 12%;
height: 95%;
overflow: auto;
}
.frame {
margin-left: 12%;
margin-right: 3%;
height: 470px;
font-family: Comic sans MS, verdana, arial, helvetica, sans-serif;
overflow: auto;
}
.drapeau {
margin-top: 2%;
margin-left: 2%;
}
.logobrumath {
margin-left: 85%;
margin-top: -7%;
} 


Et l'écran sous xp et vista est le même. Les paramètres d'affichage sont les mêmes ..............

Etrange ...... ???!!!!

t671 · Answer

J'ai testé ton lien, et c'est pareil.
Par contre, si dans le ".menu" j'enlève "position: absolute;", là mon menu prend la bonne place sous XP. Mais dans ce cas, le "overflow: auto;" ne fonctionne plus nulle part. Et en plus, je dois remonter la div bannière de -43%, sinon elle disparait sous la page .............

Positionnement div css

7 réponses

Discussions similaires