PROBLEME D'AFFICHAGE SUR FIREFOX - HTML/CSS - Programmation
Marsh Posté le 30-10-2006 à 12:03:06
Wa la vache le code... Faudrait commencer par nettoyer un peu C'est quoi toutes ces <font> qui traînent encore ? L'avalanche de span pour le menu, alors qu'il faudrait utiliser une liste ? Les div alors que c'est des p qu'il faudrait
Marsh Posté le 30-10-2006 à 12:06:38
PAS LA PEINE DE CRIER
Marsh Posté le 30-10-2006 à 13:17:29
pour le centrage tu fais un div conteneur et tu le met a margin auto, ou a 50% - 50%(width de ta page)
Marsh Posté le 30-10-2006 à 11:39:38
Bonjour
1er question
Je suis en train de faire un petit site qui fonctionne très bien sur IE mais à ma surprise sur firefox mon surfond de couleur grise s affiche qu une foi.
Mon surfond est une image grise qui se répète tant que j écris, sur IE ça fonction mais pas sur firefox.
2eme question
Savez vous comment faire pour que mon site soit bien centré sur la page avec toutes les resolution décran ?
Merci
Je vous ai mis le code d'une de mes pages et de la css
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css"/>
<title>HISTORIQUE CSC</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="superdiv">
<div id="surfond1"><img border="0" src="surfond1.gif"></div>
<div id="text">
<!--texte -->
<blockquote>
<p><b><font color="#CC3300"size="3">HISTORIQUE</font></b></p>
</blockquote>
<blockquote>
<div align="justify"><b><font color="#000000" size="3">L'histoire de Computer
Sciences Corporation commence en 1959 lorsque deux jeunes informaticiens,
Flechter Jones et Roy Nutt, crée la société avec tout juste une centaine
de dollars en poche et la conviction de pouvoir développer de meilleurs
systèmes d'exploitation pour les ordinateurs qui commencent à se répandre
doucement.</font></b></div>
</blockquote>
<blockquote>
<div align="justify"><b><font color="#000000" size="3">Dès 1963, CSC devient
le plus grand groupe indépendant de services informatiques dans le monde
avec un chiffre d'affaires de près de quatre millions de dollars. Le capital
est alors ouvert et CSC devient en 1969 la première entreprise de services
informatiques à être cotée à la bourse de New York.</font></b></div>
</blockquote>
<blockquote>
<div align="justify"><b><font color="#000000" size="3">En 1965, le rachat
de deux divisions d'International Telephone and Telegraph (ITT) triple
la taille du Groupe et inaugure une longue vague de rachats et de partenariats.
En gagnant d'importants contrats auprès de l'armée américaine et de la
NASA, sa notoriété augmente très vite et lui permet de franchir les frontières
des Etats-Unis pour pénétrer en 1967 en Europe grâce à une joint-venture
avec Computer Industrie, filiale de Philips, alors l'un des principaux
constructeurs d'ordinateurs en Europe. Le système propriétaire de CSC,
Infonet, est le premier à permettre à la fois un traitement par lots et
un mode interactif. Cela lui vaut d'être choisi en 1972 par l'administration
américaine pour la mise en place de services en temps partagé. En 1975,
Infonet dessert 125 villes avec un réseau de 160 000 kilomètres avant
d'être choisi par AT&T comme support aux unités de Bell System.</font></b></div>
</blockquote>
<blockquote>
<div align="justify"><b><font color="#000000" size="3">Dans les années 1980,
CSC poursuit sa politique de croissance en s'intéressant à de nouveaux
marchés porteurs : les secteurs du crédit commercial, de la finance et
de la banque. Une dizaine d'années plus tard, l'informatique devient indispensable
pour les entreprises mais elle les détourne souvent de leur coeur de métier.
L'externalisation prend alors tout son intérêt avant de devenir, au début
du XXIème siècle, la principale ligne de service du Groupe. Enfin, avec
la généralisation d'Internet, de nouvelles problématiques apparaissent,
entraînant le développement de certaines activités nouvelles telles la
sécurité des informations ou l'e-business.</font></b></div>
</blockquote>
<blockquote>
<p><b><font color="#339966" size="3">ORGANISATION MONDIALE</font></b></p>
</blockquote>
<blockquote>
<p align="justify"><b><font color="#000000" size="3">En raison de sa taille,
le Groupe CSC possède une hiérarchie sur plusieurs niveaux. Au niveau
mondial, il est divisé en cinq grandes zones :</font></b></p>
</blockquote>
<blockquote>
<ul>
<b>
<li>Amérique du Nord (67% du chiffre d'affaires global en 2004).
<li>Asie (2%).
<li>Australie (4%).
<li>Europe (25%).
<li>Autres (2%). </b>
</ul>
</blockquote>
<blockquote>
<p align="justify"><b><font color="#000000" size="3">Nous voyons cependant
que CSC fait plus de 90% de son chiffre d'affaires en Amérique du Nord
et en Europe, continents sur lesquels la société est présente depuis une
plu grande période et qui restent des marchés majeurs malgré la montée
des autres continents. Son actuel président, Van B. Honneycutt, est à
la tête du Groupe depuis 1995.</font></b></p>
</blockquote>
<blockquote>
<p><b><font color="#339966" size="3">ORGANISATION EUROPEENNE</font></b></p>
</blockquote>
<blockquote>
<p align="justify"><b><font color="#000000" size="3">De même, au niveau
européen, le Groupe est subdivisé en cinq régions, regroupant plus de
24 000 collaborateurs :</font></b></p>
</blockquote>
<blockquote>
<ul>
<b>
<li>Région Ouest : France, Belgique et Luxembourg.
<li>Région Nord : Grande-Bretagne, Pays-Bas et Irlande.
<li>Région Centrale : Allemagne, Suisse, Autriche, République Tchèque,
Slovaquie, Pologne et Hongrie.
<li>Région Scandinave : Danemark, Suède et Norvège.
<li>Région Sud : Italie, Espagne, Portugal et Afrique du Sud. </b>
</ul>
</blockquote>
<blockquote>
<p><b><font color="#339966" size="3">ORGANISATION REGIONALE</font></b></p>
</blockquote>
<blockquote>
<p align="justify"><b><font color="#000000" size="3">Enfin, au niveau de
la région Ouest, CSC est répartie sur six sites employant 2 350 collaborateurs
dont une grande majorité sur le territoire français. Le Groupe possède
des bureaux dans les trois capitales (Bruxelles, Luxembourg et Paris)
ainsi que dans trois autres villes françaises : Charenton, Lyon et Toulouse.
Cette région est dirigée par Claude Czechowski.</font></b></p>
</blockquote>
</div>
</div>
<span id="logo"><img border="0" src="logo.gif"></span> <span id="bouton_accueil"><a href="index.html"><img border="0" src="bouton_accueil.gif"></a></span>
<span id="bouton_accueil"><a href="index.html"><img border="0" src="bouton_accueil.gif"></a></span>
<span id="bouton_historique"><a href="historique.htm"><img border="0" src="bouton_historique.gif"></a></span>
<span id="bouton_projet"><a href="projet.htm"><img border="0" src="bouton_projet.gif"></a></span> </span>
<span id="bouton_stage"><a href="stage.htm"><img border="0" src="bouton_stage.gif"></a></span>
<span id="pascal"><b><font size="4" color="#FFFFFF">EDMOND Pascal promo 2008</font></b></span> </span>
<span id="bouton_historique2"><a href="historique.htm"><img border="0" src="bouton_historique2.gif"></a></span> </span>
<span id="bouton_metier"><a href="metier.htm"><img border="0" src="bouton_metier.gif"></a></span>
<span id="bouton_chiffrescles"><a href="chiffrescles.htm"><img border="0" src="bouton_chiffrescles.gif"></a></span>
<span id="bouton_clientsetpartenaires"><a href="clientsetpartenaires.htm"><img border="0" src="bouton_clientsetpartenaires.gif"></a></span>
</body>
</html>
////////////////////////////////////////CSS
body{
color:black;
background-color:white;
background-image:url(fond1.jpg);
margin:0;
}
#superdiv{margin:9px auto}
#surfond1 {position: absolute; top: 9px; left: 106px;width: 99px; height: 61px;}
#text {background:url(surfond2.jpg) repeat-y;position: absolute;top: 190px;left: 106px; height: 386px;width: 800px;}
#logo {position: absolute; top: 20px; left: 118px}
#pascal{position: absolute; top: 15px; left: 650px}
#bouton_accueil {position: absolute; top: 104px; left: 114px}
#bouton_historique {position: absolute; top: 104px; left: 235px}
#bouton_projet {position: absolute; top: 104px; left: 356px}
#bouton_stage {position: absolute; top: 104px; left: 476px}
#bouton_historique2{position: absolute; top: 168px; left: 106px}
#bouton_metier{position: absolute; top: 168px; left: 195px}
#bouton_chiffrescles{position: absolute; top: 168px; left: 284px}
#bouton_clientsetpartenaires{position: absolute; top: 168px; left: 373px;}
#bouton_stage2{position: absolute; top: 168px; left: 106px}
#bouton_webservices{position: absolute; top: 168px; left: 195px}
#bouton_unicorn{position: absolute; top: 168px; left: 337px}
#bouton_anomalies{position: absolute; top: 168px; left: 426px}
#camenber1{position: absolute; top: 360px; left: 250px;}
#camenber2{position: absolute; top: 600px; left: 80px;}
#camenber3{position: absolute; top: 600px; left: 400px;}
#clients1{position: absolute; top: 100px; left: 100px;}
#clients2{position: absolute; top: 290px; left: 500px;}
#webservices{position: absolute; top: 130px; left: 190px;}
#tableauunicorn{position: absolute; top: 220px; left: 100px;}