28173 sujets

CSS et mise en forme, CSS3

Problem de position

bonjour,

je suis en train de faire un site :
http://www.tamilsoundz.com/

regarder le dans firefox pk j'ai ce problem ?

img:
http://img50.imageshack.us/img50/1122/sanstitrehk7.jpg

code du fichier:

<!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>TamilSoundz.Com | Visit it, Listen it, Love it...</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" title="TamilSoundz.Com" href="style.css" />
	   <script language="JavaScript">
<!--
function FP_goToURL(url) {//v1.0
 window.location=url;
}
// -->
</script>
   </head>
<body>
<div id="page">
<div id="banner"></div>
<div id="menu"><b>Home - Latest Mp3 - Mid Albums - Old Is Gold - Remix - Special Albums - Devotionals - Hindi Albums</b></div>
<div id="droite">
<div class="menu_titre"><b>Last Albums</b></div>
<div class="menu_cont"><?php include ("php/latest.php") ?></div>
</div>
<div id="corps">
<div id="main">
<?php include ("php/main.php") ?>
</div>
</div>
<div id="bas"><b>Copyright &copy; 2006 by TamilSoundz.com - All rights reserved
	</b> </div>
</div>
</body>
</html>


code css :

body
{
 width: 810px;
 background: url('images/bg.jpg');
 margin: auto;
 margin-bottom: 10px;
}

#page
{
 width: 810px;
 border: 1px solid #CC3300;
 background: #FFFFFF;
}

#banner
{
 width: 800px;
 height: 146px;
 background: url('images/banner.jpg');
 margin: 5px;
}

#menu
{
 width: 796px;
 height: 16px;
 margin-left: 5px;
 margin-right: 5px;
 background: #CC3300;
 padding: 2px;
 text-align: center;
 color: #FFFFFF;
 font-family: Arial;
 font-size: 12px;
}

#droite
{
 width: 200px;
 margin: 0px;
 margin-right: 5px;
 float: right;
}

#corps
{
 width: 592px;
 margin-left: 5px;
}

#bas
{
 width: 796px;
 height: 16px;
 padding: 2px;
 clear: both;
 text-align: center;
 background: #CC3300;
 margin: 5px;
 color: #FFFFFF;
 font-family: Arial;
 font-size: 12px;
}

.menu_titre
{
 width: 186px;
 height: 16px;
 margin-left: 5px;
 margin-right: 5px; 
 margin-top: 10px;
 padding: 2px; 
 background: #CC3300; 
 text-align: center;
 color: #FFFFFF;
 font-family: Arial;
 font-size: 12px;
}

.menu_cont
{
 width: 184px;
 margin-left: 5px;
 margin-right: 5px; 
 padding: 2px; 
 font-family: Arial;
 border: 1px solid #CC3300;
 background: #FFFFFF;
}

/* ///////////////////////////////////////////////// */
/* ///////// PHP Style ////////////////////////////// */
/* /////////////////////////////////////////////// */

#main
{
 margin-top: 10px;
 margin-left: 5px;
 margin-right: 5px;
}

.albums_main_titre
{
 width: 576px;
 height: 16px;
 padding: 2px;
 font-family: Arial;
 color: #FFFFFF;
 background: #CC3300;
 text-align: center;
 font-size: 12px;
}

.albums_main_desc
{
 width: 568px;
 font-family: Arial;
 border: 1px solid #CC3300;
 border-top: none;
 padding: 5px;
 font-size: 12px;
 background: #FFFFFF; 
}

.albums_main_images
{
 float:left;
 margin: 5px; 
 margin-left: 0px; 
 margin-top: 0px;
 border: 1px solid #CC3300; 
}

.albums_main_down
{
 width: 568px;
 border: 1px solid #CC3300; 
 border-top: none; 
 padding: 5px;
 text-align: right;
 background: #FFFFFF; 
}

.spacer
{
 clear: both;
}
Sujet clos
Aller à