L'adresse du site est : http://projetter.jexiste.fr
Bonjour voilà mon problème,j'ai creé un site d'un le cadre 'un projet d'étude et je dois le rendre dans une semaine.MALEDICTION je viens de me rendre compte qu'il ne s'affichait pas correctement sur Firefox (je n'avais jusque là que travailler avec IE).
Le mieux pour se rendre compte de la différence est encore d'aller voir le site directement
Je pense que tout le problème viens de mon fichier CSS dont voici le code source.
Voilà si vous poviez m'aider ce serait FANTASTIQUE
De plus si ca peux vous etre utile voici le code de ma page index,celle qui est en photo.
Modifié par plusweb (29 May 2006 - 11:29)
Bonjour voilà mon problème,j'ai creé un site d'un le cadre 'un projet d'étude et je dois le rendre dans une semaine.MALEDICTION je viens de me rendre compte qu'il ne s'affichait pas correctement sur Firefox (je n'avais jusque là que travailler avec IE).
Le mieux pour se rendre compte de la différence est encore d'aller voir le site directement
Je pense que tout le problème viens de mon fichier CSS dont voici le code source.
body{
font-family: Arial,sans-serif;
color: #333333;
line-height: 1.166;
margin: 0px;
padding: 0px;
background-color: #cccccc;
background-image: url("images/bg_grad.jpg");
background-attachment: fixed;
}
/************************************/
/* hyperlink and anchor tag styles */
/************************************/
a{
color: #005FA9;
text-decoration: none;
}
a:link{
color: #005FA9;
text-decoration: none;
}
a:visited{
color: #005FA9;
text-decoration: none;
}
a:hover{
color: #005FA9;
text-decoration: underline;
}
/************************************/
/* Header tag styles */
/************************************/
h1{
font-family: 'Vonness Medium',Arial,sans-serif;
font-size: 120%;
color: #334d55;
margin: 0px;
padding: 0px;
}
h2{
font-family: Arial,sans-serif;
font-size: 114%;
color: #006699;
margin: 0px;
padding: 0px;
}
h3{
color: #334d55;
margin: 0px;
padding: 0px;
}
h4{
font-family: Arial,sans-serif;
font-size: 100%;
font-weight: normal;
color: #333333;
margin: 0px;
padding: 0px;
}
h5{
font-family: 'Vonness Medium',Arial,sans-serif;
font-size: 100%;
color: #334d55;
margin: 0px;
padding: 0px;
}
/************************************/
/* List Tags */
/************************************/
ul{
list-style-type: square;
}
ul ul{
list-style-type: disc;
}
ul ul ul{
list-style-type: none;
}
/************************************/
/* Form and related Tags */
/************************************/
label{
font-family: Arial,sans-serif;
font-size: 100%;
font-weight: bold;
color: #334d55;
}
input{
font-family: Arial,sans-serif;
}
/***********************************************/
/* Layout Divs */
/************************************/
#pagecell1{
position:absolute;
top: 70px;
left: 24px;
right: 2%;
width:95.6%;
background-color: #ffffff;
height: 80px;
}
#tl {
position:absolute;
top: -54px;
left: 32px;
margin: 0px;
padding: 0px;
z-index: 100;
}
#tr {
position:absolute;
top: -1px;
right: -1px;
margin: 0px;
padding: 0px;
z-index: 100;
}
/************************************/
#masthead{
position: absolute;
top: 0px;
left: 2%;
right: 2%;
width:95.6%;
}
/************************************/
#pageNav{
position: absolute;
top: 74px;
left: 0px;
width:178px;
padding: 0px;
background-color: #F5f7f7;
border-bottom: 1px solid #cccccc;
font-family: Verdana,sans-serif;
font-size: 10pt;
}
/************************************/
#col2{
margin:0px 0px 0px 178px;
padding: 0px 10px 0px 0px;
border-left: 1px solid #ccd2d2;
}
/* End Layout Divs */
/***********************************************/
/*Component Divs */
/************************************/
#siteName{
margin: 0px;
padding: 16px 0px 8px 0px;
color: #ffffff;
font-weight: normal;
}
/************************************/
#pageName{
padding: 0px 0px 14px 10px;
margin: 0px;
border-bottom:1px solid #ccd2d2;
}
#pageName h2{
font-family: Arial,sans-serif;
font-size: 21pt;
color: #000000;
margin:0px;
padding: 0px;
}
#pageName img{
position: absolute;
top: 0px;
right: 6px;
padding: 0px;
margin: 0px;
}
/************************************/
#breadCrumb{
padding: 5px 0px 5px 10px;
font-family: Verdana,sans-serif;
font-size: 10pt;
color: #AAAAAA;
}
#breadCrumb a{
color: #AAAAAA;
}
#breadCrumb a:hover{
color: #005FA9;
text-decoration: underline;
}
/************************************/
/************************************/
.feature{
padding: 0px 0px 10px 10px;
font-size: 80%;
}
.feature h3{
font-family: Arial,sans-serif;
font-size: 15pt;
font-weight: bold;
color: #000000;
padding: 30px 0px 5px 0px;
}
.feature img{
float: left;
padding: 0px 10px 0px 0px;
}
/************************************/
/************************************/
.story{
clear: both;
padding: 10px 0px 0px 10px;
font-size: 80%;
}
.story h3{
font-family: Arial,sans-serif;
font-size: 15pt;
font-weight: bold;
color: #000000;
}
.story p{
padding: 0px 0px 10px 0px;
}
.story h4.capsule{
font-family: Arial,sans-serif;
font-size: 12pt;
color: #005FA9;
display:block;
padding-bottom: 5px;
font-weight: bold;
}
.story h4.capsule:hover{
text-decoration: underline;
}
td.storyLeft{
padding-right: 12px;
}
/************************************/
#siteInfo{
clear: both;
border-top: 1px solid #cccccc;
font-size: 75%;
color: #cccccc;
padding: 10px 10px 10px 10px;
}
#siteInfo img{
padding: 4px 4px 4px 0px;
vertical-align: middle;
}
/************************************/
/************************************/
#sectionLinks{
margin: 0px;
padding: 0px;
font-size: 10pt;
}
#sectionLinks h3{
padding: 10px 0px 2px 10px;
border-bottom: 1px solid #cccccc;
font-size: 10pt;
}
#sectionLinks a:link{
display: block;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #cccccc;
background-image: url("images/bg_nav.jpg");
font-weight: bold;
padding: 3px 0px 3px 10px;
color: #21536A;
}
#sectionLinks a:visited{
display: block;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #cccccc;
background-image: url("images/bg_nav.jpg");
font-weight: bold;
padding: 3px 0px 3px 10px;
color: #21536A;
}
#sectionLinks a:hover{
display: block;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background-color: #DDEEFF;
background-image: none;
padding: 3px 0px 3px 10px;
font-weight: bold;
text-decoration: none;
}
/************************************/
/************************************/
.relatedLinks{
margin: 0px;
padding: 0px 0px 10px 10px;
border-bottom: 1px solid #cccccc;
}
.relatedLinks h3{
padding: 10px 0px 2px 0px;
font-size: 10pt;
}
.relatedLinks a{
display: block;
}
/************************************/
Voilà si vous poviez m'aider ce serait FANTASTIQUE
De plus si ca peux vous etre utile voici le code de ma page index,celle qui est en photo.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- DW6 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Projet TER 2006</title>
<link rel="stylesheet" href="style_site.css" type="text/css" />
</head>
<body>
<div id="masthead">
<h1 id="siteName"> PROJET TER 2006 : L'évolution des principales causes de mortalité en france de 1980 à 2002 </h1>
<div id="pagecell1">
<!--pagecell1-->
<img alt="" src="images/tr_curve_white.gif" height="6" width="6" id="tr" />
<div id="breadCrumb">
<?php
$date = date("d-m-Y");
$heure = date("H:i");
Print("Nous sommes le $date et il est $heure");
?>
</div>
<div id="pageName">
<h2>Bienvenue sur notre site</h2>
<img alt="small logo" src="images/small_logo.bmp" height="59" width="66"/>
</div>
<div id="col2">
<div class="feature">
<img src="images/logo_fac.gif" alt="" width="158" height="158" />
<h3>Introduction</h3>
<p>
Bienvenue sur notre site que nous avons réalisé dans le cadre de notre projet de fin de Licence : LE TER
(Travail d'étude et de recherche).
Nous avons choisi comme sujet :" L'évolution des principales causes de mortalité en france de 1980 à 2002".
Notre projet consiste en la réalisation d'un mémoire ainsi que de ce site web qui, nous l'espérons, vous plaira et pourra vous
apprendre de nombreuses choses.<br>
<br>
ALZUYETA Xavier / BOSSE Sebastion / DEBRUYNE Loïc /
</p>
</div>
<div class="story">
<h3>Pourquoi ce sujet ?</h3>
<p>
Nous avons choisi ce sujet car il nous semblait intéressant de pouvoir étudier les différentes causes de mortalité (du moins les plus
importantes...) afin de pouvoir expliquer leurs évolutions ainsi que leurs états actuelles dans les différentes régions de france
dans le contexte actuelle et passé de la population française.<br>
Nous voulions aussi essayer de trouver les faits marquants qui ont put
se produire ces dernières années provocant des changements important dans leurs évolutions. </p>
<h3>Pourquoi un site web ?</h3>
<p>
Un site WEB est le moyen le plus adéquate de faire partager notre travail et de présenter nos résultats et nos analyses.
De plus nous pensons que le sujet est assez larges et notre base de donnée "assez conséquente" pour que nombreux d'entre vous
puissent y trouver des choses les intéressant.<br>
Sans oublier que la conception de site web été l'une des matières enseigné en licence, et ce TER était donc l'occasion de
pouvoir mettre en oeuvre nos connaissances des différents langage de programmation. </p>
</div>
<div class="story">
<table width="100%" cellpadding="0" cellspacing="0">
<tr valign="top">
<td class="storyLeft"> <p>
<h4 class="capsule">Pourquoi 1980 - 2002 ?</h4> Les données détaillé sur les causes de mortalité
ainsi que d'autres chiffres telle que les taux comparatifs ne sont pas disponible ou complet
avant l'année 1980.De même, les derniers chiffres officiels publiés par les organismes
de santé portent sur l'année 2002.Nous avons donc consacré notre étude sur une période de
20 ans.
</p></td>
<td> <p>
<h4 class="capsule">Pourquoi une étude régional ?</h4> Nous nous somme
consacré à une étude régional,car une étude départemental des causes de
mortalités aurait nécéssité une somme d'informations que nous n'étions pas en mesure de traiter.
En effet, 22 régions * 7 années * 3 (Homme,femme et total)*2 types de données (Effectif total et
taux comparatif) et enfin * 6 (causes étudiées) représentent déjà 6804 données à receuillir et étudier.
</p></td>
</tr>
<tr valign="top">
<td class="storyLeft"> <p>
<h4 class="capsule">Pourquoi 6 causes?</h4> Pour la même raison que le fait que l'on
étudi à l'échèlle régional.Etudier les 17 causes aurait représenter un intérèt très relatif étant
donné l'importance de certaines causes au niveau des chiffres.
</p></td>
</tr>
</table>
</div>
</div>
<!--end col2 -->
<div id="pageNav">
<div id="sectionLinks">
<a href="index.php">Acceuil</a>
<a href="chiffres_brut.php">Interrogation base de donnée</a>
<a href="analyse.php">Analyse</a>
<a href="telechargement.php">Téléchargement</a>
<a href="livre_or.php">Livre d'or </a>
<a href="liens.php">Liens</a></div>
</div>
<!--end col1 div -->
<div id="siteInfo">
<img src="images/ico_nous.gif" alt="" width="44" height="44" />
<a href="nous.html">A propos de nous</a> |
<a href="site_map.php">Site Map</a> |
<a href="mailto:lolosuper@numericable.fr?subject=Projet CSWI">Contactez-nous</a> | ©2006
</div>
</div>
<!--end pagecell1-->
<br />
</body>
</html>
Modifié par plusweb (29 May 2006 - 11:29)
