Probleme avec les div (HTML)

Fermé
yassinert - 25 août 2008 à 16:18
Vedlen Messages postés 360 Date d'inscription mardi 14 octobre 2003 Statut Membre Dernière intervention 7 septembre 2009 - 29 août 2008 à 11:19
Bonjour,
mon probleme c'est que j'arrive pas a eliminer un espace sur la droite de ma page web, et je ne sais pas d'ou vient, pourtant j'ai bien defini les marges des div et leur largeur, jl'ai essayé sur mozilla ca a marché tres bien, mais non sur IE. voici le code de la page
voila un lien vers la page www.webjeune.com/test/test.html
<!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>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1" />
<TITLE>Untitled Document</TITLE>
<STYLE TYPE="text/css">
body
{
	margin: 0px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #dea ;
}

div#conteneur
{
	width: 850px ;
	margin: 0 auto ;
	border: 2px solid #ab4 ;
	background: #fff ;
}

div#minichat
{
	width: 850px;
	height: 34px;
	margin: 63px 20px -15px;
	text-align: left ;
	background: url(images/index_r2_c2.jpg) no-repeat;
}
div#div_test
{
	margin: -12px 350px 0px;
	width: 400px;
	float:left;
}
div#bouton1
{
	margin-top:-25px;
	margin-left:400px;
	height: 33px;
}
div#div_test p, div#bouton1 p
{
margin:0;
padding:0;
}
div#top_artiste p, div#centre p
{
margin:0;
padding:0;
}
h1#header
{
	height: 110px;
	background: url(images/index_r1_c1.jpg) no-repeat left top;
}
div#contenu
{
	padding: 0 25px 0 100px ;
	background: url(bg_page.gif) no-repeat 15px 15px ;
}
		div#contenu h2
		{
		text-decoration:underline;
			padding-left: 25px ;
			line-height: 25px ;
			font-size: 1.4em ;
			background: url(little_apple.gif) no-repeat left bottom ;
			color: #9b2 ;
		}
		div#contenu p
		{
			text-align: center ;
			text-indent: 2em ;
			line-height: 1.7em ;
		}

div#top_artiste
{
	width: 216px;
	height: 341px;
	float:left;
	background: url(images/index_r7_c1.jpg) no-repeat;
	
}
div#centre
{
	margin-left:0px;
	margin-top: 50px;
	height: 240px;
	width: 500px;
	float:left;
}
div#lecteur
{
	margin-left:10px;
	margin-top: 0px;
	height: 240px;
	background-color:#0099FF;
	width: 240px;
	float:left;
}
div#photo
{
	margin-left:0px;
	margin-top: 0px;
	width: 240px;
	background-color:#0099FF;
	height: 240px;
	float: right;
}
ul#menu
{
	height: 26px ;
	width: 600px;
	margin: -54px 300px ;
	padding: 0 ;
	background:url(images/bg_menu.gif) no-repeat -25px; 	
	list-style-type: none ;
}
				
		ul#menu li
		{
			float: left ;
			text-align:center;
		}
		
		ul#menu li a
		{
			width: 130px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #fff ;
			display: block ;
			text-decoration: none ;
			border-right: 2px solid #dea ;
			font-size: 12px;
		}	
		ul#menu li a:hover
		{
	background: url(images/bg_menu.gif) no-repeat 0 -25px ;
}
a.bouton {
margin: 200px 410px -10px;
  color: white;
  background-color: #000080;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}
a.bouton:hover {
  background-color: #6495ED;
  background-image: url(aqua.jpg);
}

.style2 {color: #0099FF; font-weight: bold; font-size: 16px; font-family: Arial; }
</STYLE>
<script type="text/javascript">
<!--
Normal1 = new Image();
Normal1.src = "images/index_r6_c25.jpg";     
Highlight1 = new Image();
Highlight1.src = "images/index_r6_c30.jpg"; 

function change_image(image_no,objet_image) {
 window.document.images[image_no].src = objet_image.src;
}
//-->
</script>
</HEAD>

<BODY>
<div id="conteneur">
<H1 id="header"></H1>
		<ul id="menu">
			<li><a href="etape1.html">Accueil</a></li>
			<li><a href="etape2.html">Cartes Voeux</a></li>

			<li><a href="etape3.html">Votre playliste</a></li>
			<li><a href="etape4.html">Nous contacter</a></li>
		</ul>
<div id="minichat">
</div>
<div id="div_test" align="center" class="arrow">
 <p> <div align="center">mini chat 
  </div></p>
<p><div id="bouton1"><img src="images/index_r6_c25.jpg" onMouseOver="change_image(0,Highlight1)"
   onMouseOut="change_image(0,Normal1)" onclick="window.open ('mini_chat.php', 'Message', config='height=180, width=330, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no')"/></div></p>
</div>
<div id="contenu">
<H2> Connect&eacute;s maintenant :  Aujourd'hui : Visiteurs au t&ocirc;tal </H2>
<p>Bienvenue sur Webjeune votre Webradio en ligne, Pour pouvoir &eacute;couter le chanteur que vous d&eacute;sirer veuillez le choisir sur la liste ci-dessous</p>
<h3>
  <form name="Choix" id="Choix">
    La liste des chanteurs :
            <select name="Liste" >
              <option value="" selected="selected">Choisir un Artiste</option>
              <option value="index.php?artist=Toutes les Chansons">Toutes les Chansons</option>
              <option >=====================</option>
            </select>
    </form></h3>
	<div id="top_artiste"><p></p></div>
	<div id="centre">
	<div id="lecteur"><p>dfd</p></div>
	<div id="photo"><p>gfg</p></div></div>
</div>

</div>

</BODY>
</HTML>

A voir également:

3 réponses

Vedlen Messages postés 360 Date d'inscription mardi 14 octobre 2003 Statut Membre Dernière intervention 7 septembre 2009 40
25 août 2008 à 16:19
On tombe sur un 403 quand on clique sur ton lien
1
wi dsl j'avais pas reglé les droit d'accés, c'est bon j'ai reglé vous pouvez y accéder.
0
Vedlen Messages postés 360 Date d'inscription mardi 14 octobre 2003 Statut Membre Dernière intervention 7 septembre 2009 40
29 août 2008 à 11:19
Je tourne sous Ubuntu donc je n'ai pas IE :P
1
Up Up :(
0