Problème sous IE
traz0m
-
traz0m -
traz0m -
Bonjour,
Je suis en train de faire des essai pour la création d'un site uniquement a l'aide notepad ++ , en xHTML/CSS et ensuite ajouter du php mais j'ai déjà des soucis sur une page toute simple . Je vous met mon code en xHTML et le CSS correspondant le résultat sous Firefox est celui recherché et sous IE tout est n'importe comment .
De plus dans le validateur validator.w3 il me met plein d'erreur pour quelle raison donc un problème de doctype alors que je l'ai juste recopier.
voila mon code xHTML :
et le CSS correspondant :
Voila je ne comprend pas comment le résultat peut différer autant entre les deux navigateur j'ai du louper quelque chose .
J'ai du par exemple remonter le #corp de -500 px pour qu'il soit au même niveau l'image ceci doit être une parti du problème mais je ne sais pas comment faire autrement .
merci d'avance en tous les cas de vos éventuelles réponse .
Je suis en train de faire des essai pour la création d'un site uniquement a l'aide notepad ++ , en xHTML/CSS et ensuite ajouter du php mais j'ai déjà des soucis sur une page toute simple . Je vous met mon code en xHTML et le CSS correspondant le résultat sous Firefox est celui recherché et sous IE tout est n'importe comment .
De plus dans le validateur validator.w3 il me met plein d'erreur pour quelle raison donc un problème de doctype alors que je l'ai juste recopier.
voila 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>Noob Informatique</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" media="screen" type="text/css" title="Mon style" href="Linux_mdp.css" /> </head> <body> <h1>Mot de passe oublié sous Ubuntu</h1 <div id="img"><h2>Image Linux</h2></div> <br /><br /> <div id="corp"> <p>Tout d'abord il faut démarrer avec un Live CD d'Ubuntu téléchargeable <a href="https://ubuntu.com/">ici</a> .<br /> Puis se mettre en root ( = Administrateur ) grâce à la commande sudo su ( ou sudo -s ) .<br /> Il faut ensuite taper cette commande <strong>mount -t ext3 /dev/sda(X) /mnt</strong> .<br /> ext3 correspond au format de la partition ( FAT32, NTFS sous windows ),et X a son numéro. Si vous ne vous en rapellez plus vous pouvez taper <strong>fdisk -l</strong> .<br / > Puis taper <strong>chroot /mnt passwd</strong> , il vous est demandez alors de taper le nouveau mot de passe root.<br /> Puis taper <strong>chroot /mnt passwd <abbr title="nom d'utilisateur">username</abbr></strong> il vous est demandez alors de taper le nouveau mot de passe correspondant au <abbr title="nom d'utilisateur">username</abbr>.<br /> Si jamais vous avez même oublié vôtre <abbr title="nom d'utilisateur">username</abbr> vous pouvez taper <strong>less /etc passwd</strong> : Le dernier est le nom d'utilisateur courant. </div> <div id="pied_de_page"> <p>Code par Damien et Design par Mike . 2008.<br /> N'hésitez pas à <a href="mailto:Noob@info.fr">Nous contacter</a> pour toute suggestion ou question !</p> </div> </body> </html>
et le CSS correspondant :
body
{
background-color:#303D58;
width:90%;
font-family:Arial, "Times New Roman", Times, sans-serif;
margin-left:auto;
margin-right:auto;
}
a
{
color:#F7E444;
text-decoration:none;
}
a:hover
{
color:red;
font-weight:bold;
}
a:active
{
background-color:lime
}
strong
{
color:red
}
h1
{
margin-top:50px;
text-align:center;
color:#0099FF;
}
h2
{
text-indent:-50000px;
}
#img
{
margin-top: 100px;
height: 500px;
width: 400px;
border: 2px dotted #F7E444;
background: url("linux.jpg") no-repeat top left white;
}
#corp
{
margin-left: 500px;
margin-top: -500px;
padding:50px;
border:2px dotted #F7E444;
color:#E3AB57;
background-color:black;
text-align:center;
line-height:30px;
}
#pied_de_page
{
clear:left;
margin-top:70px;
padding:1px;
background-color:black;
color:#E3AB57;
text-align:center;
border:2px dotted #F7E444;
}
Voila je ne comprend pas comment le résultat peut différer autant entre les deux navigateur j'ai du louper quelque chose .
J'ai du par exemple remonter le #corp de -500 px pour qu'il soit au même niveau l'image ceci doit être une parti du problème mais je ne sais pas comment faire autrement .
merci d'avance en tous les cas de vos éventuelles réponse .
1 réponse
bonjour ,
J'ai trouvé une partie de la solution en ajoutant dans le css :
c'est ainsi beaucoup mieux je n'ai plus besoin de mettre -500px maus une valueur plus logique .
Maintenant le site a le bon design sous IE mais l'image n'ai pas afficher ?
D'où peut venir le problème ?
merci de vos réponse
J'ai trouvé une partie de la solution en ajoutant dans le css :
#img
{
margin-top: 70px;
height: 500px;
width: 400px;
border: 2px dotted #F7E444;
background: url("linux.jpg") no-repeat top left white;
float: left;
}
#corp
{
margin-left: 500px;
margin-top: 70px;
padding:50px;
border:2px dotted #F7E444;
color:#E3AB57;
background-color:black;
text-align:center;
line-height:30px;
}
c'est ainsi beaucoup mieux je n'ai plus besoin de mettre -500px maus une valueur plus logique .
Maintenant le site a le bon design sous IE mais l'image n'ai pas afficher ?
D'où peut venir le problème ?
merci de vos réponse
