Affichage différent sous IE et Firefox

Version imprimable

20/10/2007, 17h38
redwire

Affichage différent sous IE et Firefox

Bonjour!

quelqu'un peut-il m'expliquer les différences d'affichage sur cette page selon un navigateur IE7 et Firefox?

http://hopeanddreams.free.fr/public/...php?idalbum=29

sous firefox, l'image (au milieu de la page) et la liste sont bien centrées tandis que sous IE7, ça se décale à droite...

Merci!
21/10/2007, 22h51
djoyeux

fait une mise en forme avec du CSS plutot que des tableaux imbriqué ça sera sans doute mieux.

De plus regarde peut etre du coté de tes class. c'est peut etre dans ton CSS que ce trouve l'erreur.
Est-il compatible IE et FF ?
22/10/2007, 17h39
redwire

Citation:

Envoyé par djoyeux

fait une mise en forme avec du CSS plutot que des tableaux imbriqué ça sera sans doute mieux.

De plus regarde peut etre du coté de tes class. c'est peut etre dans ton CSS que ce trouve l'erreur.
Est-il compatible IE et FF ?

C'est à dire?
des Div au lieu de table?

Comment savoir la compatibilité du CSS par rapport à IE et FF?

merci :)
22/10/2007, 17h47
djoyeux

Il faut regarder les attibut de tes class si ils sont compatible avec IE et FF.
Une petite recherche sur l'attribut dans ton moteur préféré te donnera l'info.

Sinon poste ton CSS.

Citation:

C'est à dire?
des Div au lieu de table?

Oui
22/10/2007, 23h49
jeje13009

petit exemple...

slt,

sous IE, border et padding sont comptés dans width alors que sous Firefox ils sont en plus....

l'astuce pour contourner ce pb, si border=0, alors il vaut mieux utiliser margin (marges exterieures compatibles) que padding (marges interieures non-compatibles).

mais il y en a tout plein d'autres de définitions css non-compatibles, et c'est certainement la plus simple que je viens de te sortir...
27/10/2007, 17h25
redwire

Bon, c'est que j'ai fait:

remplacer mes 2 tableaux par 2 zones div

mais du coup, mon div navig s'affiche bien sur FF mais est caché derrière un autre div sous IE7.... :cry:

http://hopeanddreams.free.fr/public/...php?idalbum=27

Il faut rajouter un div avec clear:both; après ton menu dans le html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<div id="menu">
	<dl>
		<dt><a href="../index.php">Accueil</a></dt>
 
	</dl>
	<dl>			
		<dt><a href="listing.php">Concerts</a></dt>
	</dl>
	<dl>	
		<dt><a href="recherche2.php">Recherche</a></dt>
	</dl>
	<dl>	
		<dt><a href="analyse.php">Analyses</a></dt>
 
	</dl>
	<dl>	
		<dt><a href="statistique.php">Statistiques</a></dt>
	</dl>
	<dl>	
		<dt><a href="http://hopeanddreams.aceboard.fr/">Forum</a></dt>
	</dl>
 
</div> 
<div style="clear:both;">&nbsp;</div>

Ton menu est positionné en absolute, il sort donc du flux et ton conteneur "navig" se positionne dès lors à 25px de l'entête plutôt que 25px du menu

27/10/2007, 19h45
redwire

merci! nickel...

même si 25px, c'est un peu beaucoup... bref...

merci.