Díganme ignorante, pero está resultado que lo soy.
No me deja poner muchos caracteres en el mensaje e intento pegar el código pero no puedo. Así que agregaré parte del código, ésto es sólo en un frame, que es el del lado derecho.
Código HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Temasis</title>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<style type="text/css">
td a {
font:11px Tahoma;
color:#000000;
text-decoration:none;
}
.class1 a:link {text-decoration: none}
.class1 a:visited {text-decoration: none}
.class1 a:active {text-decoration: none}
.class1 a:hover {text-decoration: none; color: #0087e2;}
.class2 a:link {text-decoration: none}
.class2 a:visited {text-decoration: none}
.class2 a:active {text-decoration: none}
.class2 a:hover {text-decoration: none; color: #00f1ee;}
.class3 a:link {text-decoration: none}
.class3 a:visited {text-decoration: none}
.class3 a:active {text-decoration: none}
.class3 a:hover {text-decoration: none; color: #0caf00;}
.class4 a:link {text-decoration: none}
.class4 a:visited {text-decoration: none}
.class4 a:active {text-decoration: none}
.class4 a:hover {text-decoration: none; color: #d7cf00;}
.class5 a:link {text-decoration: none}
.class5 a:visited {text-decoration: none}
.class5 a:active {text-decoration: none}
.class5 a:hover {text-decoration: none; color: #b6a700;}
.class6 a:link {text-decoration: none}
.class6 a:visited {text-decoration: none}
.class6 a:active {text-decoration: none}
.class6 a:hover {text-decoration: none; color: #ff9900;}
.class7 a:link {text-decoration: none}
.class7 a:visited {text-decoration: none}
.class7 a:active {text-decoration: none}
.class7 a:hover {text-decoration: none; color: #c10000;}
.class8 a:link {text-decoration: none}
.class8 a:visited {text-decoration: none}
.class8 a:active {text-decoration: none}
.class8 a:hover {text-decoration: none; color: #dc008c;}
.class9 a:link {text-decoration: none}
.class9 a:visited {text-decoration: none}
.class9 a:active {text-decoration: none}
.class9 a:hover {text-decoration: none; color: #8000c0;}
body p {
text-align: left;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
}
#distinto {
text-align: center;
font-family: Tahoma, Geneva, sans-serif;
font-size: 9px;
}
div#menu {
position: fixed;
height:400px;
left:0px;
top: 0px;
width: 250px;
background-color: #cccccc;
height: 100%;
z-index: 1000;
}
div#menu1 {
position: fixed;
height:400px;
left:0px;
top: 0px;
width: 250px;
background-color: #cccccc;
height: 100%;
z-index: 1000;
}
</style>
<style>
body {
background-color: #FFF;
text-align: left;
}
.boton { color: #7900B2;
font-style: italic;
font-size: 12px;
font-family: Tahoma, Geneva, sans-serif;
background-color: #FFF;
}
.texto {
font-style: normal;
}
texto {
font-family: Tahoma, Geneva, sans-serif;
}
.control table tr td table tr td {
}
</style>
</head>
<body class="control">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="130"> </td>
</tr>
<tr>
<td height="100" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="125" valign="top" scope="col"><div id="menu">
<ul id="mainmenu">
<li><a href="sistemas2.html" target="_self">Menu1</a></li>
<li>Menu2</li>
<li>Menu3</li>
<li>Menu4</li>
<li>Menu5</li>
<li>Menu6</li>
</ul>
</div>
</th>
<th width="125" valign="top" scope="col"><div id="menu1">
<ul id="mainmenu1">
<li><a href="sistemas2.html">Menu1</a></li>
<li>Menu2</li>
<li>Menu3</li>
<li>Menu4</li>
<li>Menu5</li>
<li>Menu6</li>
</ul>
</div></th>