Hola a todos
Estoy armando el diseño de divs de una pagina.
El codigo es el siguiente:
Código:
<html>
<head>
<link href="favicon.ico" rel="shortcut icon" />
<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<div id="contenedor">
<div id="topframe">
<table summary="" id="tabletopframe">
<tr>
<td class="logo">
</td>
<td id="anim">
</td>
<td class="logo">
</td>
</tr>
</table>
</div>
<div id="leftframe">
</div>
<div id="mainframe">
</div>
<div id="rightframe">
</div>
</div>
</body>
</html>
Pero al aplicarle css me queda un borde en el topframe, no probe en los demas, pero supongo que sera igual.
Les dejo una imagen de como se ve:
f.imagehost.org/0780/Pantallazo.jpg (no puedo postear la imagen porque no tengo 30 pasts :S)
El css es el siguiente:
Código:
/* Estilos para los div que componen los distintos frames */
#contenedor {
border: none;
margin: 0px;
background-color: #000;
width: 100%;
height: 100%;
float: left;
position: absolute;
top: 0px;
left: 0px;
} #leftframe {
width: 150px;
height: 100%;
background-color: #00F;
top: 150px;
left: 0px;
bottom: 0px;
} #rightframe {
width: 150px;
position: absolute;
background-color: #00F;
top: 150px;
right: 0px;
bottom: 0px;
} #topframe {
width: 100%;
height: 150px;
background-color: #0F0;
float: left;
clear: left;
} #mainframe {
position: absolute;
background-color: #F00;
overflow-y: auto;
overflow-x: hidden;
top: 150px;
left: 150px;
right: 150px;
bottom: 0px;
padding:10px;
}
#tabletopframe {
height:150px;
width:100%;
}
td.logo {
width:150px;
background-color:#000;
}
Desde ya gracias