Discussion :

[tamiii]

Bonjour,

Je viens de développer un site internet PHP/HTML/CSS... Tout marche bien sauf l'affichage qui diffère selon la version d'internet explorer (nikel sous firefox).

Sous IE 7 : aucun problème, tout s'affiche correctement (screenshot : http://www.am-immo.net/dev/IE7.jpg)
Sous IE 6 : la colonne de droite fout le camps en bas de la page (screenshot : http://www.am-immo.net/dev/IE6.jpg)

Les "colonnes" de mes pages sont codées avec des div et des classes CSS :

Code :

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

1
2
3
 
.col_1{width:307px; float:left; min-width:307px; height:100%;}
.col_2{width:189px; float:left; min-width:189px; height:100%;}

col_1 étant la div 'centrale' et col_2 celle de droite.

Je précise que j'ai essayé de changer le css en ne mettant par exemple que la propriétés 'width', ou encore que la propriété 'width' avec 'float'... Mais toujours le même soucis.

Vos brins de lumières seront grandement appréciés avant que je ne me suicide.

Bonne journée ou bonne nuit

[defcon_suny]

Les marges sont gérées par défaut différemment d'un navigateur à l'autre...
Je dois dire que IE7 à fait des efforts dans le domaine de la compatibilité.
Mais tu dois encore travailler pour IE6

essaie

Code :

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

1
2
3
4
5
 
*{
margin: 0px;
padding: 0px;
}

si cela ne fonctionne pas! fait attention à la largeur de ta colonne de gauche.

++

[tamiii]

En effet il fallait que je diminue le padding de la div qui contenait toutes les div des colonnes qui étaient décalées :

Code :

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

1
2
 
#content .indent{padding:0 14px 19px 19px;}

Au lieu de ce qui était mis initialement :

Code :

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

1
2
 
#content .indent{padding:0 23px 23px 24px;}

Merci !