Discussion :

[pcam13]

Bonjour à TOUS...

Je suis en train de développer mon site et n'arrive pas à comprendre d'ou viens mon problème.
la page suivante http://www.camliti-architecte.com/test/index s'affiche correctement dans OPERA et FF
mais l'image centrale descend après les colonnes droite et gauche dans IE ?
Je ne comprends pas...

Avez vous une idée afin de résoudre mon problème Merci d'avance...

[naudjf]

bonjour,

je ne vois pas où est ton erreur, mais je vois quand même qu'il y a un truc qui ne va pas du tout : ton fichier global.css à priori est le css commun à toutes tes pages, le fichier accueil.css étant le .css particulier à ta page index.html, c'est bien ça ? Si oui, j'ai une question => pourquoi, appeler global.css APRES accueil.css ?

EX. : je vois dans dans ton accueil.css, tu écris :
"#colonne_milieu {
background-color: #ffd865;
margin-top: 2px;
border: solid 1px #e5944a;
margin-left: 172px;
margin-right: 172px;
margin-bottom: 10px;
}
"
Or, juste après le global.css est appelé, et ce bout de code CSS exécuté :
"
* {
margin:0;
padding:0;
}
"
=> tout ce que tu as écris au sujet des margin et padding dans le css accueil.css est réduit à néant. C'est fait exprès, ou j'ai loupé qqchose ?

A+

[trotters213]

naudjf +1.
Ensuite juste sur ton code HTML, logo, pub et plan doivent être définis en id plutôt qu'en class vu que tu ne les utilises qu'une seule fois.
Par contre tu fais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="annupro">blalallallallalalal</div>
<div id="annupro">blalallallallalalal</div>
<div id="annupro">blalallallallalalal</div>

et ça tu n'as pas le droit vu qu'un id est utilisable qu'une seule fois.
Je sais que c'est pour ton exemple mais que ça correspond apparemment à des articles, ne te fait pas avoir

Ensuite tu fais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="plan"><img src="plans/pers_02.jpg" alt="perspective 02" width="410" height="290" /></div>

ce qui est bête puisque tu définis déjà certains attributs de plan dans le CSS, fait le entièrement à y être.

Pense aussi à mettre une unité à tes valeurs (px, em, %, ...).

Dans .plan essaie de mettre ton div en position:absolute vu que ton haut à l'air figé.

[pcam13]

Merci pour les éclaircissemnts... je n'avais pas assimilé le fait qu'il faille n'utilisé qu'une seule fois un ID.... ok pour les class...

je vais revoir cela en focntion de vos indications et vous tiens au courant...

a+

[pcam13]

Lorsque je passe .plan en absolute l'image disparait sous IE et le pied de page remonte trop sous FF???

J'y perds mon html latinus...

[trotters213]

perso l'affichage est le même (et il est bon) sous IE comme sous FF (cf pièce jointe).

[pcam13]

je viens de corriger le blème... merci a vous tous....

a+ pour un prochaine épisode...

[trotters213]

tu peux nous mettre comment tu as fait stp au cas où quelqu'un aurait le même problème que toi