Compatibilité ie firefox

Bonsoir,
Mes sites : abilobac.fr et abiloservices.fr passe très bien sous ie mais s'affichent mal sous firefox.
Je vous laisse voir le problème ce sera mieux qu'un grand discourt.
Voilà un extrait du css appelé à l'endroit où çà bug :

#tablecipale{
position: absolute;
left:175;
top:170px;
width:650px;
height: 87px;
}
et

#.petit{
font-family:Comic Sans MS, Monotype Corsiva, Helvetica;
font-size: 13px;
font-style: italic;
font-weight:normal;
line-height: 18px;
color: #000099;

}

Le pire c'est que tout le css est du même type.
Des positionnement d'affichage se font bien et d'autre non, avec le même code???...

Merci de bien vouloir m'aider.

A+
Coluche83

Bonjour et bienvenue parmi nous

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

OK

#tablecipale{
position: absolute;
left:175;
top:170px;
width:650px;
height: 87px;
}

et

#.petit{
font-family:Comic Sans MS, Monotype Corsiva, Helvetica;
font-size: 13px;
font-style: italic;
font-weight:normal;
line-height: 18px;
color: #000099;

}

Raté. Je cite le message qui t'a été adressé :

Igor a écrit :
Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

Le mot « éditer » comportait par ailleurs le lien suivant, au cas où il ne soit pas suffisamment clair lui-même :
http://forum.alsacreations.com/faq/#item22

Merci donc de suivre les indications données par Igor.

Concernant le problème rencontré : il est déconseillé de positionner tous ses éléments en absolu. C'est même une très très mauvaise idée.

Par ailleurs :
- le doctype utilisé est incomplet (il en manque la moitié) ;
- j'ai croisé un bout de code PHP dans le code source de la page...
- etc.

Bon OK, je reprends :
Bonsoir,
Mes sites : http://www.abilobac.fr et http://www.abiloservices.fr passent très bien sous ie6 et 7 mais s'affichent mal sous firefox.
Je vous laisse voir le problème ce sera mieux qu'un grand discourt.
Voilà un extrait du css correspondant pour abiloservices.fr

body {
 background-color : #ccffff; /* couleur de fond */
 background-image:url(_themes/blends/beige.gif); /* image de fond */
 margin:0; /* suppression de toutes les marges */
 padding:0;
 }

#logo {
 position: absolute;
 left:240;
 top:10;
}

#logohaut{
position: absolute;
 left:10;
 top:25;
}
#logobas{
position: absolute;
 left:5;
 top:85;
}
#pub{
position: absolute;
 left:5;
 top:140;
}
#bienvenue_blend{
position:absolute;
 left:160;
 top:100;
 width:500;
 }
 #bienvenue{
position:absolute;
 left:235;
 top:118;
 width:500;
 }
 #tablecipale{
	position: absolute;
	left:175;
	top:170px;
	width:650px;
	height: 87px;
	margin:0px;
	padding:1px;
}
#table#secondaire{
position: absolute;
left:175;
top:329;
width:650;
border:50px solid #00F;
padding:1px;
}
#table#secondaire tr{
background-image:url(_derived/fond_menu.gif); /* image de fond */
	line-height:25px;
	color:#FFffff;
	font-size:14px;
	font-weight:bold;
	font-family:MS Sans Serif, sans-serif, Verdana, Arial;
	border:0px solid #00F;
	padding:1px;
}
#table#secondaire td{
background-color:#ffF;
background-image:url(_themes/blends/beige.gif); /* image de fond */
}
#tablebac{
	background-color:#cfffff;
	position: absolute;
	left:170;
	top:370px;
	width:180px;
	height:50px;
	border:3px double black;
	margin:0px;
	padding:1px;
}
#tablenet{
	background-color:#ccffff;
	position: absolute;
	left:355;
	top:370px;
	width:210px;
	height:50px;
	border:3px double black;
	padding:1px;
}
#tableminots{
	background-color:#ccffff;
	position: absolute;
	left:570;
	top:370px;
	width:250px;
	height:50px;
	border:3px double black;
	padding:1px;
}
#tablemenage{
	background-color:#ccffff;
	position: absolute;
	left:570;
	top:438px;
	width:250px;
	height:50px;
	border:3px double black;
	padding:1px;
}
#tablebrico{
	background-color:#ccffff;
	position: absolute;
	left:170;
	top:492px;
	width:180px;
	height:50px;
	border:3px double black;
	padding:1px;
}
#tablejardin{
	background-color:#ccffff;
	position: absolute;
	left:355;
	top:456px;
	width:210px;
	height:50px;
	border:3px double black;
	padding:1px;
}
#tablefond{
	background-image:url(_derived/fondaccueilservices.gif);
	position: absolute;
	left:165;
	top:365px;
	width:660px;
	height:213px;
	border:0px double #00F;
	padding:0px;
}
#tableagreement{
	position: absolute;
	left:5;
	top:400px;
	width:150px;
	height:213px;
	border:0px double #00F;
	padding:0px;
}
#table#partenaires{
position: absolute;
left:845;
top:210;
width:140;
border:1px solid #00F;
padding:1px;
}
#table#partenaires tr{
background-image:url(_derived/fond_menu.gif); /* image de fond */
	line-height:25px;
	color:#FFffff;
	font-size:14px;
	font-weight:bold;
	font-family:MS Sans Serif, sans-serif, Verdana, Arial;
	border:0px solid #00F;
	padding:1px;
}
#table#partenaires td{
background-color:#ffF;
background-image:url(_themes/blends/beige.gif); /* image de fond */
}
#.titrep{
font-family: Trebuchet MS, Arial, Helvetica;
	font-size: 25px;
	font-weight:bold;	
	color: #0000ff;
}
#.titre{
font-family: Monotype Corsiva, Trebuchet MS, Arial, Helvetica;
	font-size: 20px;
	font-weight:bold;
	line-height: 30px;
	color: #000099;
}
#.normal{
font-family:Comic Sans MS, Helvetica, Monotype Corsiva;
	font-size: 15px;
	font-style: italic;
	font-weight:;
	line-height: 20px;
	color: #000099;
	
}
#.petit{
font-family:Comic Sans MS, Monotype Corsiva, Helvetica;
	font-size: 13px;
	font-style: italic;
	font-weight:normal;
	line-height: 18px;
	color: #000099;
	
}
#.pied_de_page{
font-family: Arial, Monotype Corsiva, Helvetica;
	text-align:center;
	font-size: 12px;
	font-weight:bold;
	color: #0000ff;
}
img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:none;
}
#cesu{
position: absolute;
 left:820;
 top:15;
}
#borloo{
position: absolute;
 left:630;
 top:130;
}
.Text {
font-family:arial;
font-size : 15pt;
color :  #10206E;
}

Je n'ai rien trouvé en FAQ qui corresponde.
Bon courage!!!...

Bonjour,

Merci pour le courage ...
Si je puis me permettre, il ya un peu trop beaucoup de tables dans tout ceci, pourquoi pas ne pas profiter de t'en passer en corrigeant par exemple les 61 erreurs signalées par le validateur de ta page d'accueil (les autres c'est pire sur une il y en a plus de 200). Tes sites s'en porteront mieux tu verras...

Bonjour,
Je ne demande qu'à corriger ces erreurs mais comment?
Lesquelles?
Où trouver le validateur dont vous parlez?
Je ne suis qu'un débutant et je trouvais que ce que je faisais n'était pas si mal mais si je peux faire mieux, je ne demande qu'à m'améliorer.
Merci

Bonjour,

Pour le validateur : http://validator.w3.org/
Pour démarrer en css et html : http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html
C'est un investissement temps très "rentable".

Bon courage

Florent V. a écrit :
il est déconseillé de positionner tous ses éléments en absolu. C'est même une très très mauvaise idée.

Je me permet d'insister un peu.

Quelques notions sur le positionnement en CSS :
http://openweb.eu.org/articles/initiation_flux/
http://openweb.eu.org/articles/initiation_float/
http://openweb.eu.org/articles/initiation_absolue/