Hola a todos,
Este es la primera vez que entro a este foro y es precisamente porque soy de los que se acostumbraron a trabajar con TABLAS para delimitar secciones o margenes en las paginas WEB.
Como soy relativamente nuevo con los DIV trate de colocar un DIV "principal" y dentro de este DIV (Container) estoy agregando Layers mas (anidados). Cuando hago uso de Tablas, al agregar contenido en una columna o fila, el tamano general de la tabla incrementa, pero no sucede en este caso con el DIV principal (container). En el siguiente ejemplo estoy metiendo texto "tonto", pero que pasaria si uno de los Layers anidados se actualiza dinamica?
Aca el HTML que tengo.
<!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>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
</head>
<body style="text-align: center; background-color: #CCFFFF">
<div style="border-color: #000080; width: 650px; height: 138px; background-color: #C0C0C0;" id="principal">
<div style="position: absolute; width: 628px; height: 11px; z-index: 1; left: 109px; top: 21px" id="layer1_header">
</div>
<br />
<div style="position: absolute; width: 100px; height: 75px; z-index: 2; left: 111px; top: 62px" id="layer2_menu">
</div>
<div style="position: absolute; width: 501px; height: 72px; z-index: 3; left: 221px; top: 63px" id="layer3_detalles">
ldkkdfak<br />
lkfdlakdsl;fka<br />
dlfkalfkla;<br />
dlfkadslfka<br />
ldfkaldfka;<br />
lkfalkfl;a<br />
lkl;kfdal;kdsl;f<br />
dfafkadskfsa;lks</div>
</div>
</body>
</html>
Me pueden ayudar? o estoy mal interpretando el uso de DIV y Layers?