Ver Mensaje Individual
  #3 (permalink)  
Antiguo 06/09/2011, 14:44
huesi
 
Fecha de Ingreso: septiembre-2011
Mensajes: 9
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: Problema 100% alto pantalla con html-css

Buenas otra vez...

Cita:
Iniciado por emprear Ver Mensaje
Primero, supongo que aquí abreviaste

Código HTML:
Ver original
  1.  XXXXXXXX
  2.  </title>
  3.  <script> Script de imagenes
  4.  </script>
  5.  
  6. </head>
Si, perdona... abrevié... Os dejo el código completo excepto el título de la página e un script (que es algo largo, sólo es para tener una serie de imágenes qeu cambien aleatoriamente):

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="no" />
<link href="style.css" rel="stylesheet" type="text/css"/>

<title>
Título...
</title>
<script type="text/javascript">
Aqui va es script...
</script>

<style type="text/css">
html, body {
margin:0px;
height:100%;
}
</style>

</head>
<body onload=azar()>

<table style="padding: 0.3em 0.4em" height="100%">
<tr>
	<td><div class="logo"><a href="/web.html"> <img src="http://fugaemrede.info/xacobe/habitat.png" width="55%" alt="logotipo HabitatSocial"/> </a></div>
	<div class="texto_menu">
				<a href="/presentacion.html">Presentaci&oacute;n</a><br/>
				<a href="/ideario.html">Ideario</a><br/>
				<a href="/funcion.html">Funci&oacute;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><img name=imagen1 class="foto" alt="imaxe dossier" /></td>
	<td><img name=imagen2 class="foto" alt="imaxe dossier" /></td>
	</tr>
<tr>
	<td><img name=imagen3 class="foto" alt="imaxe dossier" /></td>
	<td><img name=imagen4 class="foto" alt="imaxe dossier" /></td>
	<td><img name=imagen5 class="foto" alt="imaxe dossier" /></td>
</tr>
<tr>
	<td><img name=imagen6 class="foto" alt="imaxe dossier" /></td>
	<td><img name=imagen7 class="foto" alt="imaxe dossier" /></td>
	<td><img name=imagen8 class="foto" alt="imaxe dossier"/></td>
</tr>
</table>
</body> 
</html>

Y es cierto que no aparecía un height 100% a elemento alguno ni al html y body, como indican por el foro... Siento las molestias. el problema ha sido que estoy haciendo pruebas y copié el archivo erróneo, el que me da una configuración correcta pero que no está configurado con un alto 100%... Este sería el CSS:

Código:
html, body {
    height: 100%;
    margin: 0;
}
.logo {
    display: inline;
    float: left;

}
.texto_menu {
    display: inline;
    float: left;
    font-family: times New Roman;
    font-size: 1em;
    padding-top: 3em;
}
.foto {
    border: 0 solid #000000;
   height: 100%;
}
a:link, a:visited {
    color: #000000;
    text-decoration: none;
}
a:active {
    color: #FFFFFF;
    text-decoration: none;
}
a:hover {
    color: #000000;
    text-decoration: underline;
}

td {

height: 33%;
padding: 0.3em 0.4em;

}
Gracias de nuevo y siento las molestias!