18041 sujets

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

Problème de scrollbar

Bonjour à tous et à toutes...

Mon soucis, j'ai un scrollbar à droite de mon écran, alors que le contenu de ma page me parait suffisamment petit pour tenir sans scrollbar.

Lorsque je suis en local (wamp), pas de soucis, le scrollbar n'apparait pas, mais si j'utilise l'adresse web, hébergé par FREE, le scrollbar apparait.
Je ne peut vous donner l'adresse car tant que l'association n'est pas officielle, le site ne devrait pas être en ligne. Merci de votre compréhension.

Etant débutant, et après avoir essayer plusieurs "fonction" concernant les scrollbar, ne fonctionnant pas, toutes critiques seront pour moi positives.
Merci d'avance pour votre aide...

Mon code html:
<!doctype html>
<html>
<head>
<meta charset="windows-1252">
<title>ABCD</title>
<link rel="stylesheet" type="text/css" href="espace.css" />
<SCRIPT LANGUAGE="JavaScript">
function doPic(imgName, text) {
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);
if (ns3up || ie4up) {
imgOn = ("Images/" + imgName);
document.mainpic.src = imgOn;
document.getElementById("legende").innerHTML = document.getElementById(text).value;
}
}
</script>
</HEAD>
<body>
<div id="main_container">
<div id="menu_tab">
<div id="header">
<ul class="menu">
<li class="divider"></li>
<li><a href="Accueil.html" class="nav"> Accueil </a></li> <li><a href="Photo.html" class="nav"> Photos_Videos </a></li>
<li><a href="Agenda.html" class="nav_selected"> Agenda </a></li>
<li><a href="Forum.html" class="nav"> Forum </a></li>
<li><a href="espace.html" class="nav"> Espace Partitions </a></li>
<li><a href="new.html" class="nav"> Contact </a></li>
</ul>
</div>
</div>
<div id="center_content">
<CENTER>
<table width="600" heihgt=100% border="2" cellpadding="2">
<caption></caption>
<tr>
<th BGCOLOR="#CCCCCC"><font size=4>DATES</font></th>
<th BGCOLOR="#CCCCCC"><font size=4>COMMENTAIRES</font></th>
</tr>
</thead>
<tbody>
<tr>
<th align="center"><font size=5 color="#000">21 Juin 2012</font></th>
<td align="center"><font size=5 color="#000">Rien de particulier...</font></td>
</tr>
<tr>
<th align="center"><font size=5 color="#000">&nbsp;</font></th>
<td align="center"><font size=5 color="#000">&nbsp;</font></td>
</tr>
<tr>
<th align="center"><font size=5 color="#000">&nbsp;</font></th>
<td align="center"><font size=5 color="#000">&nbsp;</font></td>
</tr>
<tr>
<th align="center"><font size=5 color="#000">&nbsp;</font></th>
<td align="center"><font size=5 color="#000">&nbsp;</font></td>
</tr>
<tr>
<th align="center"><font size=5 color="#000">&nbsp;</font></th>
<td align="center"><font size=5 color="#000">&nbsp;</font></td>
</tr>
<tr>
<th align="center"><font size=5 color="#000">&nbsp;</font></th>
<td align="center"><font size=5 color="#000">&nbsp;</font></td>
</tr>
<tr>
<th align="center"><font size=5 color="#000">&nbsp;</font></th>
<td align="center"><font size=5 color="#000">&nbsp;</font></td>
</tr>
<tr>
<th align="center"><font size=5 color="#000">&nbsp;</font></th>
<td align="center"><font size=5 color="#000">&nbsp;</font></td>
</tr>
<tr>
<th align="center"><font size=5 color="#000">&nbsp;</font></th>
<td align="center"><font size=5 color="#000">&nbsp;</font></td>
</tr>
<tr>
<th align="center"><font size=5 color="#000">&nbsp;</font></th>
<td align="center"><font size=5 color="#000">&nbsp;</font></td>
</tr>
</tbody>
</table>
</CENTER>
</div>
</body>
</html>

Mon code CSS:
html {
margin:0;
padding:0;
background: url(Images/bg2.jpg) no-repeat center fixed;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
}
#main_container{
width:902px;
height:auto;
margin:auto;
padding:0px;
}
/*---------------- menu tab----------------------*/
#menu_tab{
width:902px;
float:left;
padding:15px;
}
#header{
width:902px;
height:109px;
margin:auto;
padding:0 0 0 0;
background:url(images/top_menu_bg.png) no-repeat;behavior: url(iepngfix.htc);
background-position:center;
}
ul.menu {
list-style-type:none; display:block; width:630px;
margin: auto;
padding:90px 0 0 25px;
background:none;}
ul.menu li {
display:inline;
font-size:13px;
font-weight:bold;
line-height:28px;}
ul.menu li.divider {
display:block;
float:left;
width:1px;
height:31px;
padding:0px ;
margin:0px;
}
a.nav:link, a.nav:visited {
display:block; float:left; padding:0px; margin:0;width: auto; margin:0px 14px 0px 14px; text-align:center;
text-decoration:none; background:none; color:#fff;}
a.nav_selected:link, a.nav_selected:visited {
display:block; float:left; padding:0px; margin:0;width: auto;margin:0px 14px 0px 14px;text-align:center;
text-decoration:none; color: #E08040;}
a.nav:hover {
color: #E08040; text-decoration:none;}
/*----------------center_content----------------*/
#center_content{
width:902px;
padding:100px 00 0;
float:left;
height:500px;
color:#fff;
}
a:link{color:red}
table {
background-color : rgba(204, 204, 204, 0.4);
}

PS: Devant partir, je reviendrai vers vous lundi soir.
Encore merci pour votre aide...
Modifié par valttt (02 Jun 2012 - 10:45)
J'ai réussi à trouver le problème.
J'ai remplacé 500 par 495 dans le height du tableaux dans le height...

Problème résolu...
Sujet clos
Aller à