Le contenu de ma page web n'est pas stable
etiennosa
Messages postés
139
Statut
Membre
-
etiennosa Messages postés 139 Statut Membre -
etiennosa Messages postés 139 Statut Membre -
Bonjour,
Je developpe un site en utilisant css j'ai utilisé "float:left" pour les balises. Le probleme est que toute ma page est desorganisée quand je l'ouvre avec les version d'internet explorer 6 et 7. Meme dans la version 8 de IE le contenu de ma page web est mobil (tout ce deplace quand la souris passe sur les menus) à moins que je ne clique sur l'outil AFFICHAGE DE COMPATIBILITE pour que le contenu de la page soit enfin fixe.
Pardon, pouvez vous m'aidez?
Suis dans l'urgence.
Merci
Je developpe un site en utilisant css j'ai utilisé "float:left" pour les balises. Le probleme est que toute ma page est desorganisée quand je l'ouvre avec les version d'internet explorer 6 et 7. Meme dans la version 8 de IE le contenu de ma page web est mobil (tout ce deplace quand la souris passe sur les menus) à moins que je ne clique sur l'outil AFFICHAGE DE COMPATIBILITE pour que le contenu de la page soit enfin fixe.
Pardon, pouvez vous m'aidez?
Suis dans l'urgence.
Merci
Configuration: Windows XP Internet Explorer 8.0
3 réponses
-
salut,
pouvez vous m'aidez?
oui, bien sûr !
donne nous l'URL pour qu'on diagnostique la bête !
-;o)
Suis dans l'urgence
ça on s'en fout.
-
De toute façon ils sont tous toujours dans l'urgence.
-
Voici mon code xhtml
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Votre site d'annonces</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="X" href="X.css" />
</head>
<body>
<div id="en_tete">
<!-- Ici on mettra la bannière -->
</div>
<div id="date">
<!--ici on metrra les deux dates-->
</div>
<div id="menu01">
<!-- ici on mettra le menu horizontal-->
<ul id="menuDeroulant">
<li> <a href="index.php">Accueil</a></li>
<li> <a href="#">Emploie </a>
<ul class="sousMenu">
<li> <a href="offredemploie.php">Offres d'emploie</a></li>
<li> <a href="demandemploie.php">Demande d'emploi</a></li>
<li> <a href="offredeservice.php">Offres de service</a></li>
</ul>
</li>
<li> <a href="#">Education </a>
<ul class="sousMenu">
<li> <a href="ecoleprimaire.php"> Primaire</a></li>
<li> <a href="lycee.php">Secondaire</a></li>
<li> <a href="ecolesuperieure.php">Supérieure</a></li>
<li> <a href="boursedetude.php">Bourses d'etudes</a></li>
</ul>
</li>
<li><a href="#">Immobilier</a>
<ul class="sousMenu">
<li> <a href="#">Location de maison</a></li>
<li> <a href="#">Vente de parcelles</a></li>
</ul>
</li>
<li> <a href="#">Mobilier</a>
<ul class="sousMenu">
<li> <a href="#">Location de véhicules</a></li>
<li> <a href="#">Informatique</a></li>
</ul>
</li>
<li><a href="examenconcours.php">Examens et concours</a></li>
</ul>
</div>
<div id="menu02">
<!-- Ici on mettra le menu vertical-->
<ul class="rien">
<li><a href=avis.php>Avis et communiqués</a></li><hr>
<li>Jeunes</li><hr>
<li>Femmes</li><hr>
<li>Média</li><hr>
<li>Editorial</li><hr>
<li>Culture</li><hr>
<li>Program Ciné</li><hr>
<li>Cliniques</li><hr>
<li>Pharmacies</li><hr>
<li>Boutiques</li><hr>
<li>Transport aérien</li><hr>
<li>Transport terrestre</li><hr>
<li>Société</li><hr>
<li>Mariage</li><hr>
<li>Nécrologie</li><hr>
<li>Politique</li><hr>
<li>Santé</li><hr>
<li>Science</li><hr>
<li>Technologie</li><hr>
<li>Insolite</li><hr>
<li>Hôtels</li><hr>
<li>Restaurants</li><hr>
<li>Tourisme et Loisir</li><hr>
<li>Le savez vous?</li><hr>
</ul>
</div>
<div id="actunational">
<!-- Ici on mettra le contenu principal de la page (tout le texte quoi) -->
<p> ACTU NATIONALE<br>Visite du Président au Nigeria<br>
Don de 5000 tonnes de vivre aux femmes </p>
</div>
<div id="actuinternational">
<p>ACTU INTERNATIONALE<br>Fin des hostilités en Irak, Afganistan et Palestine. Dieu merci! Enfin la paix est là</p>
</div>
<div id="veut_vendre">VEUT VENDRE<br>Un homme d'affaire de la place veut vendre sa parcelle sis au secteur 8 de Ouaga</div>
<div id="veut_acheter">
<p> VEUT ACHETER<br>Un riche commerçant de la ,place désir acheter un camion remorque de marque DAF. Achat immédiat, livraison immédiat.
morts</p>
</div>
<div id="sport">
<p>SPORT<br> la finale de la CAN</p>
</div>
<div id="forum"> <p> REAGISSEZ<br> Le Président du Faso pour une présidence a vie?</p>
</div>
<div id="comment_fait"><p> DITES,COMMENT ON...<br> Bonjour, pardon, dites moi comment faire une attestation avec Word 2003. Merci<br> Bonjour, quel est la primitive de ln(x)? Merci</p>
</div>
<div id="faso_annonces">
<p> ANNONCES DE Faso Annonces<br> photocopies légalisées de leurs diplomes et attestations. Merci</p>
</div>
<div id="pied_de_page">
<!-- Enfin, on mettra en bas de la page le nom de l'auteur, un copyright... -->
<p> Copyright Annonces. </p>
</div>
</body>
</html>
Voici mon code CSS nomme X.css
/* CSS Document */
body
{ width: 900px; /* stand=780*/
margin: auto; /* Pour centrer notre page */
margin-top: 5px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-color:#ffffff; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
#en_tete
{
width:50x;
height:83px;
/*background-image: url("logo.gif");*/
background-repeat: no-repeat;
margin-bottom:0;
}
#date
{
font-family:arial;
text-align:center;
margin:0;
}
/* ICI C'EST LE MENU HORIZONTAL*/
#menuDeroulant {
background : #ffffff; /* standard #6a6458*/
width : 900px; /* ici c'est la largeur de le bande de menu horizontal*/
height : 21px; /* ici c'est la hauteur de la bande de menu horizontal*/
list-style-type : none;
padding : 0;
border : 0;
}
#menuDeroulant li {
float : left;
width : 145px; /* standard=150 ici c'est la largeur de chaque menu deroulant*/
margin : 0;
padding : 0;
border : 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited {
display : block;
height : auto;
color : #fff;
background : #3b4e77;
margin : 0;
padding : 0; /*stand=4px 8px*/
border-right : 1px solid #fff;
text-decoration : none;
}
#menuDeroulant li a:hover {
background-color : #f2462e;
}
#menuDeroulant li a:active {
background-color : #5f879d;
}
#menuDeroulant .sousMenu {
display : none;
list-style-type : none;
margin : 0;
padding : 0;
border : 0;
}
#menuDeroulant .sousMenu li {
float : none;
margin : 0;
padding : 0;
border : 0;
width : 145px; /* la largeur des sous menus*/
border-top : 0px solid transparent;
border-right : 0px solid transparent ; /* solid transparent*/
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited {
display : block;
color : #fff;
margin : 0;
border : 0;
text-decoration : none;
/*background : transparent url("fondTR.png") repeat;*/
}
#menuDeroulant .sousMenu li a:hover {
background-image : none;
background-color : #f2462e;
}
#menuDeroulant li:hover > .sousMenu {
display : block;
}
/* ICI C'EST LE CARRE POUR LES MSG CHAUDS*/
#msgchaud
{
float:left;
width:180px;
height:90px;
margin-top:2px;
}
/* ce code qui est une class permettra de mettre le menu vertical a gauche*/
#menu02
{
float:left;
width:180px;
margin-top:70px;/*stand=130px*/
}
/* ce code permettra d'annuler les point pour la liste vertivale*/
.rien
{
list-style-type:none;
}
#actunational, #actuinternational
{
float:left;
width:322px;
height:200px;
margin-left:30px;
margin-top:70px;
border-style:groove;
}
#veut_vendre, #veut_acheter, #sport, #forum, #comment_fait, #faso_annonces
{
float:left;
width:322px;
height:200px;
margin-left:30px;
margin-top:10px;
border-style:solid;
border:thin blue;
}
#pied_de_page
{
width:900px;
height:10px;
text-align:center;
text-size:10px;
}
Merci
