Ok
Ahi va el HTML
Código:
<!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=utf-8" />
<title>Untitled Document</title>
<!-- Estilos de la web -->
<link rel="stylesheet" type="text/css" href="css/default.css"> </head>
<script src="scripts/funciones.js" type="text/javascript"></script>
</head>
<body>
<div id="wrap">
<div id="header">
<div id="left"></div>
<div id="center"></div>
<div id="right"></div>
</div>
<div id="div_clear"></div>
<div id="main">
<div id="left">
<div id="top"></div>
<div id="div_clear"></div>
<div id="middle">
<ul>
<li class="carpeta">Usuario 1</li>
<ul >
<li class="pagina"><a onclick='cargarPagina("pag1.txt","c:\\prueba1")'>Pagina 1</a></li>
<li class="pagina"><a onclick='cargarPagina("pag2.txt","c:\prueba2")'>Pagina 2</a></li>
<li class="pagina"><a onclick='cargarPagina("pag3.txt","c:\prueba3")'>Pagina 3</a></li>
</ul>
</ul>
<ul>
<li class="carpeta">Usuario 2</li>
<ul >
<li class="pagina"><a onclick='cargarPagina("pag1.txt","c:\prueba1")'>Pagina 1</a></li>
<li class="pagina"><a onclick='cargarPagina("pag2.txt","c:\prueba2")'>Pagina 2</a></li>
</ul>
</ul>
</div>
<div id="div_clear"></div>
<div id="bottom"></div>
</div>
<div id="right">
<div id="top_left"></div>
<div id="top_center"></div>
<div id="top_right"></div>
<div id="div_clear"></div>
<div id="middle_left"></div>
<div id="middle_center"> fsdf sdfsdfsd fsd fsdf sdf sdfsdf sdf sdfsd ffsdf sdfsdfsd fsd fsdf sdf sdfsdf sdf sdfsdf sdf dsf dsfdsf dsfsdfdsfsdfsd fs dfsdf sd fsdfs dfdsf sdfsd<br />
fsdf sdfsdfsd fsd fsdf sdf sdfsdf sdf sdfsd ffsdf sdfsdfsd fsd fsdf sdf sdfsdf sdf sdfsdf sdf dsf dsfdsf dsfsdfdsfsdfsd fs dfsdf sd fsdfs dfdsf sdfsd<br />
fsdf sdfsdfsd fsd fsdf sdf sdfsdf sdf sdfsd ffsdf sdfsdfsd fsd fsdf sdf sdfsdf sdf sdfsdf sdf dsf dsfdsf dsfsdfdsfsdfsd fs dfsdf sd fsdfs dfdsf sdfsd<br />
fsdf sdfsdfsd fsd fsdf sdf sdfsdf sdf sdfsd ffsdf sdfsdfsd fsd fsdf sdf sdfsdf sdf sdfsdf sdf dsf dsfdsf dsfsdfdsfsdfsd fs dfsdf sd fsdfs dfdsf sdfsd<br />
fsdf sdfsdfsd fsd fsdf sdf sdfsdf sdf sdfsd ffsdf sdfsdfsd fsd fsdf sdf sdfsdf sdf sdfsdf sdf dsf dsfdsf dsfsdfdsfsdfsd fs dfsdf sd fsdfs dfdsf sdfsd<br />
fsdf sdfsdfsd fsd fsdf sdf sdfsdf sdf sdfsd ffsdf sdfsdfsd fsd fsdf sdf sdfsdf sdf sdfsdf sdf dsf dsfdsf dsfsdfdsfsdfsd fs dfsdf sd fsdfs dfdsf sdfsd<br />
fsdf sdfsdfsd fsd fsdf sdf sdfsdf sdf sdfsd ffsdf sdfsdfsd fsd fsdf sdf sdfsdf sdf sdfsdf sdf dsf dsfdsf dsfsdfdsfsdfsd fs dfsdf sd fsdfs dfdsf sdfsd<br />
</div>
<div id="middle_right"></div>
<div id="div_clear"></div>
<div id="bottom_left"></div>
<div id="bottom_center"></div>
<div id="bottom_right"></div>
</div>
</div>
<form name="myform" method="post" action="destino.php">
<input type="text" name="myFileName" style="visibility:hidden">
<input type="text" name="myPath" style="visibility:hidden" >
<input type="submit" style="visibility:hidden" />
</form>
<div id="div_clear"></div>
<div id="footer">
<div id="left"></div>
<div id="center"></div>
<div id="right"></div>
</div>
</div>
</body>
</html>
y el CSS
Código:
@charset "utf-8";
/* CSS Document */
body{
background-color:#FFFFFF;
margin:0 auto;
border-top:#b2b2b2 thin solid;
font-family:Arial, Helvetica, sans-serif;
}
#wrap{
margin: 0 auto;
/* border: orange thin solid;*/
width:1000px;
height:auto;
}
#div_clear{
clear:both;
}
/*H E A D E R*/
#header{
margin: 0 auto;
/*border: red thin solid;*/
width:1000px;
height:28px;
}
#header #left{
/*border: red thin solid;*/
background-image:url(../img/header/left.gif);
width:5px;
height:28px;
float:left;
}
#header #center{
/* border: red thin solid;*/
background-image:url(../img/header/center.gif);
background-repeat:repeat-x;
height:28px;
width:99%;
float:left;
}
#header #right{
/*border: red thin solid;*/
background-image:url(../img/header/right.gif);
width:5px;
height:28px;
float:right;
}
/*M A I N*/
#main{
position:relative;
float:left;
margin: 0 auto;
margin-top:10px;
margin-bottom:10px;
/* border: blue thin solid;*/
width:1000px;
height:auto;
}
/*M E N U*/
#main #left{
position:relative;
float:left;
/*border: red thin solid;*/
width:200px;
height:auto;
float:left;
}
/* Menu de 1x3*/
#main #left #top{
background-image:url(../img/menu/border/top.gif);
background-repeat: repeat-x;
background-position:left;
width:200px;
height:7px;
position:relative;
float:left
}
#main #left #middle{
position:relative;
float:left;
background-image:url(../img/menu/border/middle.gif);
background-repeat:repeat-y;
height:auto;
/* margin-right:20px;*/
background-color:#f7f7f7;
width:200px;
}
#main #left #bottom{
background-image:url(../img/menu/border/bottom.gif);
background-position:left bottom;
background-repeat:no-repeat;
width:200px;
height:7px;
position:relative;
float:left
}
ul{
/* border:red thin solid;*/
padding:0;
margin:0;
padding-left:5px;
}
.carpeta{
font-weight:bolder;
font-size: 12px;
padding-left: 17px;
margin-left: 2px;
margin-bottom: 5px;
background:url(../img/menu/listas/folder.png) top left no-repeat;
list-style:none;
}
.pagina{
font-size: 11px;
padding-left: 17px;
margin-left: 2px;
margin-bottom: 5px;
background:url(../img/menu/listas/page.png) bottom left no-repeat;
list-style:none;
}
/*C O N T E N I D O */
#main #right{
position:relative;
float:right;
/* border: red thin solid;*/
width:785px;
height:inherit;
margin-left:10px;
}
#main #right #top_left{
position:relative;
float:left;
background-image:url(../img/content/top_left.gif);
width:7px;
height:7px;
}
#main #right #top_center{
position:relative;
float:left;
background:url(../img/content/top_center.gif) left repeat-x !important;
/*border: red thin solid;*/
height:7px;
width:771px;
}
#main #right #top_right{
position:relative;
float:right;
background-image:url(../img/content/top_right.gif);
width:7px;
height:7px;
}
#main #right #middle_left{
position:relative;
float:left;
background-image:url(../img/content/middle_left.gif);
background-repeat:repeat-y;
width:7px;
/*border:red thin solid;*/
height:inherit;
}
#main #right #middle_center{
position:relative;
float:left;
/* border:green thin solid;*/
width:771px;
}
#main #right #middle_right{
position:relative;
float:left;
background-image:url(../img/content/middle_right.gif);
background-position:right top;
background-repeat:repeat-y;
width:7px;
/* border:red thin solid;*/
height:auto;
}
#main #right #bottom_left{
position:relative;
float:left;
background-image:url(../img/content/bottom_left.gif);
width:7px;
height:7px;
}
#main #right #bottom_center{
position:relative;
float:left;
background:url(../img/content/bottom_center.gif) repeat-x left;
background-repeat:repeat-x;
height:7px;
/* border:red thin solid;*/
width:auto;
}
#main #right #bottom_right{
position:relative;
float:right;
background-image:url(../img/content/bottom_right.gif);
width:7px;
height:7px;
}
/* F O O T E R*/
#footer{
/* border: green thin solid;*/
width:1000px;
height:28px;
padding:0 0 0 0 ;
margin: 0 auto;
}
#footer #left{
/*border: red thin solid;*/
background-image:url(../img/footer/left.gif);
width:5px;
height:28px;
float:left;
}
#footer #center{
/* border: red thin solid;*/
background-image:url(../img/footer/center.gif);
background-repeat:repeat-x;
height:28px;
width:99%;
float:left;
}
#footer #right{
/*border: red thin solid;*/
background-image:url(../img/footer/right.gif);
width:5px;
height:28px;
float:right;
}
av er si damos con el problema
seguro que es una tonteria, luego nos tiraremos de los pelos, ejjejeje
Gracias!!1