Foros del Web » Creando para Internet » CSS »

Una capa padre que no crece con su capa hija

Estas en el tema de Una capa padre que no crece con su capa hija en el foro de CSS en Foros del Web. Buenas noches!! Como estoy inquieto con esto de las capas, y después de que Mikel me solucionara un problema con el z-index, me encuentro ante ...
  #1 (permalink)  
Antiguo 12/02/2007, 13:27
 
Fecha de Ingreso: febrero-2007
Mensajes: 5
Antigüedad: 10 años, 10 meses
Puntos: 0
Una capa padre que no crece con su capa hija

Buenas noches!!

Como estoy inquieto con esto de las capas, y después de que Mikel me solucionara un problema con el z-index, me encuentro ante otro problema, esta vez con el Firefox...

El problema es que tengo una capa principal con una altura definida que contiene a otra con texto. La principal tiene una altura determinada porque contiene una imagen en background que quiero que se vea completa aunque no haya texto en la capa hija. La cuestión es que cuando aumenta la cantidad de texto en la capa hija, la capa principal no crece en el Firefox (en el IE no hay problemas)...

Y como quiero que las cosas se vean según estándares y en todos los navegadores, pues estoy con un colapso mental que no se me ocurre nada más para que funcione. El código parcial de la página es el siguiente (digo parcial porque le faltan los menús y eso...)

body {
background-color: white;
font: 0.95em verdana, arial, helvetica, sans-serif;
color: black;
background-color:#CCCCCC;
}

#principal{
position:relative;
margin:5px auto;
width:800px;
height:650px;
background-color:#FFFFFF;
border:4px solid #000000;
}

/******* Son una serie de fondos que ocupan todo el contenedor y que corresponden con cada apartado de la web *********/

.menu_1{
background-image: url('images/fondo_1.jpg');
background-repeat:no-repeat;
}

/******* Textos y contenidos *********/

#titulo{
width:50%;
height:1.3em;
margin-top:160px;
color:#000000;
text-align:right;
font-size:110%;
border-bottom:4px solid #339900;
margin-right:5px;
float:right;
}

#txt{
width:55%;
text-align:justify;
padding-top:10px;
padding-right:10px;
float:right;
}

</style>
</head>

<body>
<div id="principal" class="menu_1">
<div id="titulo">Qui&eacute;nes Somos</div>
<div id="txt">
Olortio odolor si. Lent wisisl eugiamc onulput nos nit dolorperos ad modo core euisim vel et ip eum ercil et, sis nim iurem nim iriusci et ero ex ea con vent amconsectem non essit adipsum sandre minim nos ad tat, quis aliquisis am quissed dolor sumsan henis nos augait wismod del ulla facinit augiat.
Ostrud essendit adionsequi exeraes seniam ver incilis nosto delismodo consequisi.
Volendre ea consequatue vel ulputat ullamcommod tatet alit luptat utpat ad tat.
Ut wisl ipsum nullutpate feugait exer si bla facilluptat utat. Sandrer atinit venisl ullan velesto consenis ad min utpate vendrem velis acin volesenibh eu feuis nos esendio nullummodo cons nullut adigna commy nullaor summodipisit praessit wis accum nim duisi tio conse conse feum quisi.
Ecte ming eum dolum dolor sectet wis eu feugiam quismol ortincil in ullum velisse quisci tin heniam velit lor sequis exercilit dolobor atet lore volor sit luptatum aut ero del delesed tatis exer incillandre magna faccum estrud eriureet, secte magna cons dolore dolore dunt am iriurero dolenim duis eugue min vendrerit nulla facil iure tinim aciliqui eriusci ncipit alisi tat. Od dolorpe rostis et nons dio diatue molobore consed dit dolorti nciliquam delit, conum quis adiamet at. Uscip ea conse magna alit vel dolore commy nullan vel doluptatum ipsummy nulpute con velent erillandrem augait nim ipis nibh ea facin vel do essit lum velis augiam nullan volent nit dignis niat praestrud modiamc ommolore euis el ut nonse velit lortisl ute exerilla autpat, susto eros nibh el irillam, sim ad ea feugiam zzrilis cincilit iure coreet, quat volorem eugueriuscip exer si.
Lesto commodiam, quisl ut ex etue minis aliquat, cons nummoloreet lore del et la feuguer ostions equatuerate vendre con ut wis dit vel utat essisis alit ut la faci et luptat ilit incing el euguerci tatio odolum quat illa feugiamet, ver iure erostie tio od magna feuipit aci blam zzrit, quatem ipsuscil iriusci tetuerate minibh eumsand ionsectet alis ea feuis amet lum veleseq uissit aliquatue mod te dolore tet luptatem ea ametum nullan henis nos enibh eu feum diat acipsum volobore velit lorper sequatum et lum in esequip essenibh eum vel utpatisim quam dolutpat. Laorper cidunt nullam, sis nullaorero odit prat, vel utet venibh er siscillam, qui tat, quat aliquis dionsecte eliquation utpat volore dolut la faccum quatinci te molore mod te dolestie eui euipisl iurem zzrillutpat praesse magniscidunt lan esent non elismodio od el utet alit inci blam, quatincin vel utatio commodio od tat niam, consequam, veliquam nulputp atetum dolore ea con eugiam ad et, consed tem irit luptat. Oluptat. Ibh ectet, quam, vel iustrud enim in ea feum zzriurem quat landreet vel utat. An ea feum duissim augait, quisciliquis alisis aut nit lore consequam, veliqua mconulput vullumsandit prat lore eriure dolore velis erostrud elesed eugait ulputpat am vel irit iriurem volesequi tet ad min utem dunt nulputat luptat lore modolore feum iriureet aut ing eugait erci blamcons nonullam, vel utat.
Lis nibh exercid uissequat.
At eugait nit, quis num aut nit vullam vulputem init non euguer susting etum dip ent acipit lam, quis dunt adignis nullum nismod magna cortie verostin endionulput ipisim iure dolese facin utet inis ex exerat ad tat lut enibh eraesto esectem nosto et vel doluptate do odit et, quip el iliquat. Ut iustrud duis aliscilla consequam, sum iuscidunt lortie veliqua mconulla adip et at. Ut volor ipsumsan ut luptat. Duipisi eum irit luptat vulputem venis nim in hent iliquat, sis do elit, volore cons aliquis cilisim quamet, commy non ulla cor ilit nim nis adip et velisim quisl iustrud tie facilit deliquis ercin vendignim zzril dignisit vendre veniam aliqui ex el ing ero dipsum nulput lum vullutpat, volore consequat, suscili quisit autat. Duis numsan ulla conulputat lorero d
</div>
</div>
</body>
</html>

Si alguien me puede dar alguna idea le estaré agradecido hasta el infinito y más alla...

--------------------
Para vivir bien, caminar siempre por la sombrita
  #2 (permalink)  
Antiguo 12/02/2007, 16:01
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Una capa padre que no crece con su capa hija

Prueba poniendo esto a ver si te funciona. En lugar de tu clase:

#principal{
position:relative;
margin:5px auto;
width:800px;
height:650px;
background-color:#FFFFFF;
border:4px solid #000000;
}

Pon esta otra:

#principal{
position:relative;
margin:5px auto;
width:800px;
height: auto ! important;
min-height: 650px;

height:650px;
background-color:#FFFFFF;
border:4px solid #000000;
}

No he mirado bien tu ejemplo, pero según lo que cuentas creo que funcionará.
Ya contarás.

Mikel.
  #3 (permalink)  
Antiguo 12/02/2007, 17:41
 
Fecha de Ingreso: febrero-2007
Mensajes: 5
Antigüedad: 10 años, 10 meses
Puntos: 0
Re: Una capa padre que no crece con su capa hija

Hola de nuevo, Mikel...gracias por contestar con tanta rapidez.

Siento decirte que la cosa no tira... ya había visto en otro mensaje como utilizabas esa orden de "auto!important" y poner a la vez el min-height para Firefox y el height para el IE... fue lo primero que probé hace un buen rato, pero ni con esas...Lo combiné de todas las maneras que se me ocurrieron... He encontrado combinaciones en las que la capa crece con su hija, pero adaptándose siempre al contenido de la hija, es decir, si la hija tiene dos lineas, la capa principal se ajusta a un alto de dos lineas... Y precisamente eso es lo que NO quiero, lo que pretendo es que crezca cuando sobrepase la altura de 650px.

La "capadelasnarices" principal sigue sin crecer con su capa hija y su contenido. En el IE sigue funcionando bien, pero en el Firefox no jala. Y como parece que el IE7 se parece (por lo menos eso dicen) al Firefox, no quiero que dentro de par de meses la página no cumpla y se vea mal cuando lo tenga instalado todo el mundo.

Supongo que insertando una capa con una imagen transparente para rellenar lo que falte en las páginas que haya poco contenido podría ser una solución, pero la veo un poco chapuza, no? el tema de toda esta historia es optimizar al máximo el css para no tener que hacer "remiendos"... digo yo...

Bueno, si alguien logra que funciones que me avise. POr mi parte seguiré probando a ver si en una de estas me equivoco y funciona!!!

Ciao!!

------------
Para vivir bien no hay nada mejor que despertarte riéndote a carcajadas...
  #4 (permalink)  
Antiguo 12/02/2007, 18:37
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Una capa padre que no crece con su capa hija

Bueno, pues esto me ha pasado por no mirar el código con detenimiento.

Prueba esto:

- haz el cambio que te he dicho antes con el important:

#principal{
position:relative;
margin:5px auto;
width:800px;
min-height: 650px;
height: auto ! important;
height:650px;
background-color:#FFFFFF;
border:4px solid #000000;
}

- añade una clase a la css que sea:

.corte {clear: both;}

- añade al html, justo antes del ultimo cierre del div, este div vacío:

<div class="corte"></div>

Es decir, que quede:

<div class="corte"></div>
</div>
</body>
</html>

Hazlo con cuidado y creo que funcionará.

Mikel.
  #5 (permalink)  
Antiguo 13/02/2007, 03:23
 
Fecha de Ingreso: febrero-2007
Mensajes: 5
Antigüedad: 10 años, 10 meses
Puntos: 0
Re: Una capa padre que no crece con su capa hija

Oeeeeee oeoeoeoeoeoee

Mikel for president!!!!!

Gracias, muchas gracias, funciona a la perfección...

Ciao!!

--------------------
Para vivir bien, hazle caso a Mikel!!
  #6 (permalink)  
Antiguo 21/03/2007, 03:45
 
Fecha de Ingreso: marzo-2007
Mensajes: 1
Antigüedad: 10 años, 8 meses
Puntos: 0
Re: Una capa padre que no crece con su capa hija

Si el añadir la capa corte al final sirve incluso cuando tienes varias anidaciones de capas.

Gracias por la ayuda!!
  #7 (permalink)  
Antiguo 04/07/2007, 04:28
 
Fecha de Ingreso: septiembre-2003
Mensajes: 35
Antigüedad: 14 años, 3 meses
Puntos: 0
Re: Una capa padre que no crece con su capa hija

Q bueno! hacia muchoooo que buscaba esto... I U!hehehe
  #8 (permalink)  
Antiguo 04/07/2007, 10:49
zzz
 
Fecha de Ingreso: octubre-2003
Mensajes: 8
Antigüedad: 14 años, 2 meses
Puntos: 0
Re: Una capa padre que no crece con su capa hija

Aleluya.

Gracias Mikmoro.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:33.