problema 100% alto pantalla con html-css
Publicado por david (1 intervención) el 06/09/2011 13:13:14
Buenos días... Llevo leídos varios hilos acerca de la configuración de la página al 100% del alto de pantalla. Creo que he configurado todo como indican, incluyendo el 100% al body y html, pero aún así no consigo que aparezca correctamente... Les dejo el código por si pueden ayudarme. Gracias
<title>
XXXXXXXX
</title>
<script> Script de imagenes
</script>
</head>
<body onload=azar()>
<table align="left">
<tr>
<td class="tabla"><div class="logo"><a href="/web.html"><img src="/habitat.png" width="200px"></a></div>
<div class="texto_menu">
<a href="/presentacion.html">Presentación</a><br>
<a href="/ideario.html">Ideario</a><br>
<a href="/funcion.html">Función</a><br>
<a href="/presentacion.html">Experiencias</a><br>
<a href="/presentacion.html">Enlaces</a><br>
<a href="/presentacion.html">Contacto</a></div></td>
<td class="tabla"><img name=imagen1 class="foto"></td>
<td class="tabla"><img name=imagen2 class="foto"></td>
</tr>
<tr class="tabla">
<td class="tabla"><img name=imagen3 class="foto"></td>
<td class="tabla"><img name=imagen4 class="foto"></td>
<td class="tabla"><img name=imagen5 class="foto"></td>
</tr>
<tr class="tabla">
<td class="tabla"><img name=imagen6 class="foto"></td>
<td class="tabla"><img name=imagen7 class="foto"></td>
<td class="tabla"><img name=imagen8 class="foto"></td>
</tr>
</table>
</body>
</html>
El CSS es el siguiente:
.logo {
display: inline;
float: left;
margin-left: -20px;
vertical-align: top;
width: 350px;
}
.texto_menu {
display: inline;
float: left;
font-family: 'Arial Black',Gadget,sans-serif;
font-size: 13px;
padding-top: 65px;
}
.foto {
border: 0 solid #000000;
width: 350px;
}
.tabla {
font-size: 12px;
height: 262px;
overflow: hidden;
padding: 6px 8px;
text-align: justify;
vertical-align: top;
width: 350px;
}
a:link {
color: #000000;
text-decoration: none;
}
a:active {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
h2 {
margin-bottom: -20px;
margin-left: 3px;
}
h3, h4, h5 {
margin-left: 3px;
position: relative;
}
Muchas gracias
<title>
XXXXXXXX
</title>
<script> Script de imagenes
</script>
</head>
<body onload=azar()>
<table align="left">
<tr>
<td class="tabla"><div class="logo"><a href="/web.html"><img src="/habitat.png" width="200px"></a></div>
<div class="texto_menu">
<a href="/presentacion.html">Presentación</a><br>
<a href="/ideario.html">Ideario</a><br>
<a href="/funcion.html">Función</a><br>
<a href="/presentacion.html">Experiencias</a><br>
<a href="/presentacion.html">Enlaces</a><br>
<a href="/presentacion.html">Contacto</a></div></td>
<td class="tabla"><img name=imagen1 class="foto"></td>
<td class="tabla"><img name=imagen2 class="foto"></td>
</tr>
<tr class="tabla">
<td class="tabla"><img name=imagen3 class="foto"></td>
<td class="tabla"><img name=imagen4 class="foto"></td>
<td class="tabla"><img name=imagen5 class="foto"></td>
</tr>
<tr class="tabla">
<td class="tabla"><img name=imagen6 class="foto"></td>
<td class="tabla"><img name=imagen7 class="foto"></td>
<td class="tabla"><img name=imagen8 class="foto"></td>
</tr>
</table>
</body>
</html>
El CSS es el siguiente:
.logo {
display: inline;
float: left;
margin-left: -20px;
vertical-align: top;
width: 350px;
}
.texto_menu {
display: inline;
float: left;
font-family: 'Arial Black',Gadget,sans-serif;
font-size: 13px;
padding-top: 65px;
}
.foto {
border: 0 solid #000000;
width: 350px;
}
.tabla {
font-size: 12px;
height: 262px;
overflow: hidden;
padding: 6px 8px;
text-align: justify;
vertical-align: top;
width: 350px;
}
a:link {
color: #000000;
text-decoration: none;
}
a:active {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
h2 {
margin-bottom: -20px;
margin-left: 3px;
}
h3, h4, h5 {
margin-left: 3px;
position: relative;
}
Muchas gracias
Valora esta pregunta
0