Sujet Précédent Sujet Suivant

Le contenu de ma page web n'est pas stable

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
A voir également:

3 réponses

Réponse 1 / 3
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
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.
0
Réponse 2 / 3
arthezius Messages postés 3756 Statut Membre 475
 
De toute façon ils sont tous toujours dans l'urgence.
0
Réponse 3 / 3
etiennosa Messages postés 139 Statut Membre
 
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
0

Discussions similaires

Facebook - "Désolé, ce contenu n’est pas disponible..." et autre probl
coc-6 -
coc-6 -

14 réponses
Comment s’inscrire sur célibataire du web
Mimi412 -
MPMP10 -

6 réponses
Code source couleur de fond
Mehdi-Amg -
Techno01 -

9 réponses