18073 sujets

Questions générales et questions de débutants

Ca marche dans IE mais pas dans Netscape 7 ou FireFox 1.0

Bonjour à tous,

voila ce que je cherche à fair !
Le résultat réagie est exatement comme je le veux dans IE
mais ca ne marche pas dans Netscape 7 ou FireFox 1.0 Smiley confus

c'est pourquoi je solicite votre aide.

voici le code :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mon Document</title>
<style type="text/css">
.my_largeur {
 width:728px;
 }
.logo {
 width:260px;
 float:left;
 height: 80px;
 border-top: #0000FF;
 border-right: #0000FF;
 border-bottom: #0000FF;
 border-left: #0000FF;
 background-color: #66FFFF;
 }
.pub_468 {
 width:468px;
 float:right;
 height: 60px;
 margin-top: 10px;
 background-color: #999999;
 border-top: #FF0000;
 border-right: #FF0000;
 border-bottom: #FF0000;
 border-left: #FF0000;
 }
.info {
 width:468px;
 float:left;
 background-color: #FFFF00;
 height: 20px;
 margin-top: 10px;
 margin-right: 0px;
 margin-bottom: 10px;
 margin-left: 0px;
}
.menu {
 width:260px;
 float:right;
 background-color: #0066FF;
 height: 30px;
 margin-top: 10px;
}
.my_body {
 width:600px;
 float:left;
 background-color: #99FFFF;
 background-position: center;
}
.pub_120 {
 width:120px;
 float:right;
 background-color: #999999;
 height: 600px;
}
body,td,th {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
}
body {
 background-color: #FFCC00;
 margin-left: 20px;
 margin-top: 20px;
 margin-right: 20px;
 margin-bottom: 20px;
 text-align: center;
}
.en_pied {
 background-color: #00FF00;
 width: 728px;
 margin-top: 10px;
}
</style>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1"></head>
<body>

<div class="my_largeur">
 <div class="logo">LOGO</div>
 <div class="pub_468">PUB 468 </div>
</div>
<div class="my_largeur">
 <div class="info">INFO</div>
 <div class="menu">MENU</div>
</div>
<div class="my_largeur">
 <div class="my_body">MY_BODY<br />
  xxx<br />xxx<br />xxx<br />xxx<br />xxx<br />xxx<br />xxx<br />xxx<br
/>xxx<br />xxx<br />xxx<br />xxx<br />xxx<br />xxx<br />xxx<br />xxx<br
/>xxx<br />xxx<br />xxx<br />xxx<br />xxx<br />xxx<br />xxx<br />xxx<br
/>xxx<br />xxx<br />xxx<br />xxx<br />xxx<br />xxx<br />xxx<br />xxx<br
/>xxx<br />xxx<br />xxx<br />xxx<br />xxx<br />xxx<br />xxx<br />xxx<br
/>xxx<br />xxx<br />xxx<br />xxx<br />
 </div>
 <div class="pub_120">PUB</div>
</div>

<div class="en_pied">Placez ici le contenu de class "en_pied"</div>
</body>
</html>
Essaie de mettre :
.my_largeur {clear: both}
.en_pied {clear: both}

En tout cas, cela semble fonctionner sous Firefox 1.0
merci messieurs pour vos conseils Smiley ravi

a écrit :
Stephan

Après cette lecture et quelques tests je crois avoir compris l'intérêt de d’utiliser les <DIV> et les <TABLE>.
Je pense que le dosage entre les deux viendra avec l’expérience . . .


Je me permet de vous re-soumettre mon code, qui cette fois réagi comme je le souhaite !
(Testé dans : IE 6.0 ; Netscape 7.02 ; FireFox 1.0 ; Mozilla 1.6 le tout sur PC. Si une bonne âme à un Mac et peut me dire ce que cela donne, je suis preneur)

Si vous avez le temps de jeter un oeil dessus, pour me dire si il n’y a pas d’aberration dans ce que je viens d’écrire !?!...


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mon Document</title>
<style type="text/css">
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	background-color: #FFCC00;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.my_largeur { 
	width:728px;
	clear: both;
	}
.logo {
	width:260px;
	float:left;
	height: 90px;
	background-color: #66FFFF;
	}
.pub_468 {
	width:468px;
	float:right;
	height: 60px;
	margin-top: 10px;
	background-color: #999999;
	}
.info {
	width:468px;
	float:left;
	background-color: #FFFF00;
	height: 20px;
}
.en_pied {
	background-color: #00FF00;
	clear: both;
	width: 728px;
	height: 20px;
}
.menu {
	width:260px;
	float:right;
	background-color: #0066FF;
	height: 30px;
}
.my_body {
	width:600px;
	float:left;
	background-color: #99FFFF;
	margin-bottom: 10px;
}
.pub_120 {
	width:120px;
	float:right;
	background-color: #999999;
	height: 600px;
	margin-bottom: 10px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body>
<table width="728" border="0" align="center" cellpadding="20" cellspacing="0">
	<tr>
		<td>

<div class="my_largeur">
	<div class="logo">LOGO</div>
	<div class="pub_468">PUB 468 </div>
</div>
<div class="my_largeur">
	<div class="info">INFO</div>
	<div class="menu">MENU</div>
</div>
<div class="my_largeur">
	<div class="my_body">MY_BODY<br />
		xxx<br />
	</div>
	<div class="pub_120">PUB</div>
</div>

<div class="en_pied">Placez ici le contenu de class "en_pied"</div>
		</td>
	</tr>
</table>

</body>
</html>
Administrateur
Zigoto a écrit :
(Testé dans : IE 6.0 ; Netscape 7.02 ; FireFox 1.0 ; Mozilla 1.6 le tout sur PC. Si une bonne âme à un Mac et peut me dire ce que cela donne, je suis preneur)

La bonne âme se nomme Ressources (voir Ressources Internationales / Divers / Tester son site web sous Mac)
Sujet clos
Aller à