igualar capas

virla · #1 (**permalink**) 10/11/2007, 23:37

tengo dentro de una capa contenedora 3 capas mas una principal y dos columnas, lo que necesito es que las dos capas restantes tengan el mismo tamaño que la contenedora ya que estas contienen un color de fondo y no me gusta como quedan.
alguna idea o algo que me pueda orientar?
tengo mas o menos la idea pero en javascript ni idea de como hacerlo
if capa1.height <contenedora.height then
capa1.height=contenedora.height
end if

y así sucesivamente

pero como dije ni idea de como se implementa esto

Panino5001 · #2 (**permalink**) 11/11/2007, 07:17

Esto te servirá (sólo tenés que reemplazar los ids que aparecen allí por los ids de tus capas): http://www.webintenta.com/establecer...-columnas.html

virla · #3 (**permalink**) 11/11/2007, 08:03

Huyy buenisimo ahora mismo lo pruebo muchas gracias amigo

virla · #4 (**permalink**) 12/11/2007, 00:00

mil gracias amigo Panino5001, funciona de mil maravillas, pero estoy queriendo hacer unas modificaciones haber si podes ayudarme

este es el codigo que he hecho de ejemplo para probarlo

Código:

<!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-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
div#contenedor {
    background-color: #FFFFFF;
    float: left;
    width: 410px;
    margin-left: 10px;
    padding: 5px;
    border: 1px solid #333333;
}
div#content {background-color: #FFCC00;float: left;width: 200px;}
div#navigation {background-color: #0099FF;float: left;width: 200px;margin-left: 10px;}
-->
</style>
</head>
<script type="text/javascript">
    function setH() {
        var maxH = Math.max(document.getElementById('contenedor').offsetHeight,document.getElementById('content').offsetHeight);
        document.getElementById('content').style.height=maxH+'px';
        var maxH = Math.max(document.getElementById('contenedor').offsetHeight,document.getElementById('navigation').offsetHeight);
        document.getElementById('content').style.height=maxH+'px';
        document.getElementById('navigation').style.height=maxH+'px';
}
  
window.onload=setH;
</script>

<body>
<div id="contenedor">
    <div id="content">Colocar aquí el contenido de la nueva etiqueta Div</div>
    <div id="navigation">prueba</div>
</div>
</body>
</html>

lo que quiero es poder quitarle unos 10px al contenedor porque sino me estira todo unos 10px he probado poniendo
document.getElementById('content').style.height=ma xH+'px'-10;
pero como sabrán ustedes los capos en javascript me tiro un error.

virla · #5 (**permalink**) 16/11/2007, 11:18

Panino5001 gracias amigo eso me funciono
pero necesitaria hacer un agregado o arreglo
aver si alguien me tira una soga

necesito saber cual de tres columnas es la mayor y a esa ponerla dentro de:
var maxH = Math.max(document.getElementById('contenedor').off setHeight,document.getElementById('content').offse tHeight);

en vez de poner el nombre del div poner una variable para que me ponga la columna mayor y sobre esta poder ajustar contenedor

espero se entienda
muchas gracias

javi37 · #6 (**permalink**) 29/05/2010, 13:12

Hola.
Eso funciona, pero cuando se realiza la carga de una capa mediante jquery.load(), como se haría?