Sujet Précédent Sujet Suivant

Problème sous IE

Fermé
traz0m - 5 oct. 2008 à 10:51
 traz0m - 5 oct. 2008 à 11:15
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 : 

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

1 réponse

Réponse 1 / 1
traz0m
5 oct. 2008 à 11:15
bonjour ,

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
0

Discussions similaires

Facture de google 380€ !
Misternet -
okapi -

61 réponses
Arnaque frauduleuse Ireland ltd
Mymy -
mel -

4 réponses
arnaque cb google sur mon compte bancaire
patooun -
samgunsjovirow -

1 réponse
Arnaque de Google Ireland Limited
Sortideli -
jordane45 -

1 réponse
Prélèvement "CB Google" inconnu. Arnaque ?
sandrinepommelet -
Roanisel -

29 réponses