Alto de Tabla con archivo CCS

adri_ana · #1 (**permalink**) 17/06/2011, 10:16

Hola lo que pasa es que necesito hacer una tabla con el 100% de alto de la página , el siguiente código me funciona bien

<style type="text/css">

</style>

pero si lo pongo en un archivo ccs y lo enlazo desde mi html ya no funciona, alguien sabe la solución? muchas gracias de antemano

PD:

Claro en el ccs lo dejo solo así

body, html {
height: 100%;
margin:0;
padding:0;
}

Naahuel · #2 (**permalink**) 17/06/2011, 18:18

No tiene por qué haber una diferencia usando CSS embebido o linkeándo a un archivo externo. Asegurate de poner bien la ruta, respetando mayúsculas y todo eso. Si tenés Google Chrome podés fijarte en la consola si te da algún error como"Failed to load resource: the server responded with a status of 404 (Not Found)" con el archivo que estás usando.

emprear · #3 (**permalink**) 17/06/2011, 18:36

adri_ana:

Esto, funciona perfectamente

Código HTML:

Ver original<!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>
    <title>tabla 100% alto</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" href="100.css" type="text/css" charset="utf-8" /> 
</head>
<body>
<table border="1" width="100%" id="cienxcien">
<tr>
<td>
contenido
</td>
</tr>
</table>
</body>
</html>

y
100.css

Código CSS:

Ver originalhtml, body {
 height: 100%;
 margin: 0px;
 padding: 0px;
 }
 
 table#cienxcien {
 height: 100%;
 background-color: cyan;
 }

Demo

http://foros.emprear.com/html/t100
Habría que revisar todo tu html

Saludos

adri_ana · #4 (**permalink**) 19/06/2011, 18:46

Hola gracias por la ayuda, intente con el ejemplo que me pasaste y el problema persiste, lo probé con IE9 y Firefox 4 y estoy trabajando con Dreamweaver, si a alguien se le ocurre algo más avisenme por favor

emprear · #5 (**permalink**) 19/06/2011, 18:56

adri_ana:

Y bueno, adivinos no somos, si mi ejemplo funciona,
http://foros.emprear.com/html/t100/t100.html

habría que ver que estás haciendo, con o sin el DreamWeaver.

mirá la demo y revisa el código fuente
SAludos

adri_ana · #6 (**permalink**) 22/06/2011, 11:38

El problema era un formulario, le asigne el 100% también
y listo gracias por la ayuda.