Probleme avec les div (HTML)
yassinert
-
Vedlen Messages postés 360 Date d'inscription Statut Membre Dernière intervention -
Vedlen Messages postés 360 Date d'inscription Statut Membre Dernière intervention -
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
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és maintenant : Aujourd'hui : Visiteurs au tôtal </H2>
<p>Bienvenue sur Webjeune votre Webradio en ligne, Pour pouvoir écouter le chanteur que vous dé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:
- Probleme avec les div (HTML)
- Editeur html - Télécharger - HTML
- Div c++ - Télécharger - Langages
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Html download - Télécharger - HTML
