Hola, quisiera poner las barras de desplazamiento correspondientes a mi pagina web vertical y horizontal pero no me salen poniendo auto al overflow , si pongo scroll al overflow salen pero casi ni se mueven y tengo bastante contenido, o por favor si alguien sabe hacerlo en dreamweaver cs5, llevo 2 dias viendo esto y nada.
mi codigo:
Código 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" lang="es-es">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<title>MENUS </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="css/menu.css" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" >
<style type="text/css">
body {overflow-x:auto; overflow-y:auto;}
</style>
<style type = "text/css">
.back{
background-image:url('');
background-repeat:no-repeat;
background-color:#99cccc;}
<!--estas 3 lineas de codigo es para que se vea cuadrada la lista desplegable en IE7-->
*{ margin:0; padding:0}
#menu > li{ position:relative;}
#menu > li > ul{ left:0;}
#menu{padding-left:0px; margin-top:120px; }
#menu li{list-style:none; float:left;}
#menu li a{display:block; width:100px;height:20px; background-color:#FF0000;border:1px solid; padding:2px;text-decoration:none;
text-align:center; color:#000;font-family:arial; font-size:15px;font-weight:bold;}
#menu li a:hover{background:navy;border-color:transparent;color:#FF1493;}
#menu li ul{display:none; position:absolute;}
#menu li ul li {display:block;float:none; position:relative; padding:0px}
#menu li:hover ul{display:block; padding-left:0px;}
#contenedorr3 {
border-radius:6px;
-moz-border-radius:6px; /* Firefox */
-webkit-border-radius:6px; /* Safari y Chrome */
/* Otros estilos */
border:1px solid #333;
width:92%;
border: 1px solid #FF00FF;
background-color: #36F;
top: 147px;
height: 50px;
padding: 14.4px;
float: none;
clear: none;
position: static;
left: 11px;
text-align: left;
font-size: 16px;
font-family: "Arial Black", Gadget, sans-serif;
background-position: left;
}
body {
margin-left: 12px;
margin-top: 80px;
}
body,td,th {
font-size: 18px;
color: #C09;
}
.LO {font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif}
.hfhfghfghf {
color: #6F0;
font-family: "Arial Black", Gadget, sans-serif;
}
</style>
<script>
function maximo(campo,limite){
if(campo.value.length>=limite){
campo.value=campo.value.substring(0,limite);
}
}
</script>
</head>
<body bgcolor="#000080" topmargin="100">
<SPAN style="position: absolute; top: 12px; left: 25px; width: 120px; height: 49px"><img src="lovemoon.png" width="228" height="50" />
</SPAN>
<SPAN style="position: absolute; top: 16px; left: 279px; width: 539px; height: 95px"><img src="luna romantica.jpg" width="700" height="91" /></SPAN>
<p><SPAN STYLE="position:absolute; top:22px; left:723px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; width: 62px; color: #FFF;" >
Hola
<?php
echo $_COOKIE['usuario1'];
?>
</SPAN>
<SPAN STYLE="position:absolute; top:75px; left:20px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; width: 242px; color: #FF00FF; font-size: 12px; font-style: italic;" >
Si Amas algo déjalo libre, si regresa es porque es tuyo, sino...nunca lo fue.
</SPAN>
<SPAN STYLE="position:absolute; top:580px; left:974px; color: #FFF;" >
<a href="salir.html"><img src="salir.png" alt="" width="36" height="20" /></a>
</SPAN>
<SPAN STYLE="position:absolute; top:579px; left:934px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; width: 42px; color: #FF8C00;" >
salir
</SPAN>
<ul id="menu">
<li><a class="back" href="menus.php">Inicio</a></li>
<li><a class="back" href="mensajes.html">Mensajes</a></li>
<li><a class="back" href="enlinea.html"> En Linea</a></li>
<li><a class="back" href="busqueda.html">Busqueda</a></li>
<li><a class="back" href="coincidencias.html">Coincidencias</a></li>
<li><a class="back" href="visitantes.html">Visitantes</a></li>
<li><a class="back" href="menus.php">Mi Perfil</a>
<ul>
<li><a href="editarperfil.php">Editar Perfil</a></li>
<li><a href="fotos.php">Subir Fotos</a></li>
</ul></li>
<li><a class="back" href="chat.html"> CHAT</a></li>
<li><a class="back" href="cuenta_gold.php">Cuenta Gold</a></li>
</SPAN>
<div id="contenedorr3">
<p>La Membresia de Lovemoon es gratuita, pero la Membresia GOLD te ofrece mucho más: </p>
</div>
<p><SPAN style="position: absolute; top: 152px; left: 810px; width: 129px; height:34px"><a href="cuenta_gold.php"><img src="act_ahora.jpg" width="127" height="32" /></a>
</SPAN>
<DIV STYLE="position:absolute; top:210px; left:10px; width:385px; background-color:midnightblue; height:30px; border:1px solid #333;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; ">
<SPAN STYLE="position:absolute; top:13px; left:19px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; width: 297px; color: white; font-size: 12px; font-style: italic;" >
VER MENSAJES ()
</SPAN>
<DIV STYLE="position:absolute; top:30px; left:1px; width:385px; background-color:#36F; height:100px;">
<DIV STYLE="position:absolute; top:110px; left:0px; width:385px; background-color:midnightblue; height:30px; border:1px solid #333; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;">
<SPAN STYLE="position:absolute; top:13px; left:19px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; width: 297px; color: white; font-size: 12px; font-style: italic;" >
FAVORITOS ()
</SPAN>
<DIV STYLE="position:absolute; top:30px; left:1px; width:385px; background-color:#36F; height:100px;">
<DIV STYLE="position:absolute; top:-175px; left:420px; width:470px; background-color:midnightblue; height:30px; border:1px solid #333;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; ">
<SPAN class="formatocolor1" STYLE="position:absolute; top:8px; left:10px; font-family: Georgia, 'Times New Roman', Times, serif; width: 287px; font-size: 14px; font-style: italic; color: #99ff77;" >
<a href="recuperar.php" class="hfhfghfghf">BLOG DE LOVEMOON </a></SPAN>
<textarea name="text" style="position:absolute; top:35px; left:3px; background-color:#dd00cc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;"
cols="56" rows="6" border:1px solid #333 wrap="hard" onMouseover="this.style.backgroundColor='#ffdd33';" onMouseout="this.style.backgroundColor='#dd00cc';" onKeyDown="maximo(this,255);" onKeyUp="maximo(this,255);" readonly=”yes”>hola </textarea>
</span>
<DIV STYLE="position:absolute; top:170px; left:1px; width:476px; background-color:#36F; height:100px;">
<DIV STYLE="position:fixed; top:500px; left:12px; width:900px; background-color:#36F; height:100px;">
<SPAN style="position: absolute; top: 168px; left: 44px; width: 137px; height: 49px">
encuentranos en: <img src="facebook.gif" width="25" height="24" /><img src="twitter.jpeg" width="25" height="24" />
<img src="youtube.jpeg" width="25" height="24" />
</SPAN>
</body>
</html>