Dreamweaver - Layout

 
Vista:

Layout

Publicado por Pedro Arvizu (1 intervención) el 25/08/2007 20:09:18
tengo problemas con las tablas y celdas. tengo una tabla fija y varias celdas fijas tambien pero al agregar texto en las celdas (azules) la tabla (verde) se hace automaticamente mas grande, esto ya visto en el internet explorer, aunque en en diseño dentro de dreamweaver permanece bien.
si alguien me podria decir que estoy haciendo mal o ke puedo hacer les agradeceria.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

scroll en celda

Publicado por Daniel Ulczyk (1171 intervenciones) el 29/08/2007 02:23:31
Podés, mediante CSS y un DIV que la celda se mantenga con sus dimensiones fijas.
Ejemplo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tabla con scroll en una celda</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">
table {
width: 600px;
}
td {
width: 300px;
height: 50px;
color: Black;
background-color: #000FFF;
}
th {
background-color: #2F4F4F;
color: #FFFFFF;
text-align: left;
}
.scrollable {
width: 300px;
height: 50px;
overflow: auto;
background-image: url(img/gradient1.png);
}

</style>
</head>
<body>
<table>
<tr>
<th>Columa1</th>
<th>Columna2</th>
</tr>
<tr>
<td>Cell 1,1 </td>
<td><div class="scrollable">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In tristique. Aenean ac lacus eget metus porttitor facilisis. Aenean augue.</p>
</div>
</tr>
<tr>
<td>Cell 2,1 </td>
<td>Cell 2,2 </td>
</tr>
</table>
</body>
</html>

Daniel Ulczyk
http://ulczyk.blogspot.com
Utilidades para Webmasters
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar