Altura Capa

[Vcnt]

Hola!
En una web tengo una capa A que contiene otras capas, B y C. La caba A tiene un fondo, pero no quiero definirle la altura, de modo que el mismo CSS me sirva para el resto de páginas, ya que la altura solo varia segun el contenido de texto que tengan B y C.
Si quito el parametro Height, no me aparece el fondo, y si le pongo auto o inherit tampoco.
He comprobado que las capas B y C entan en A.

Código CSS:

#centrado {
    position: relative;
    margin:auto;
    top: 0px;
    width: 960px;
    height: relative;
    z-index: 2;
    background-image: url(../imagenes/mt_content.png);
        }
 

[Zeromm]

vamos... seguro que el B y/o el C tienen algún "float", ¿verdad?

Busca info de "clearfix" en google

[pzin]

No me dejará de sorprender ver cosas como height: relative, float: center o display: bubblegum.

Vcnt intenta usar la opción highlight cuando publiques código por favor.

[Vcnt]

He estado leyendo sobre clearfix pero mis conocimientos no llegan a tanto.¿ a que te refieres con float? no lo he encontrado en mis codigos.

Lo de height relative lo puse yo a ver si asi conseguia lo que intento con las alturas.

Gracias!

[pzin]

Añádele a al elemento A:

Código CSS:

overflow: hidden;
 

[Vcnt]

Hola, sigo haciendo pruebas y consigo que se ajuste, pero el problema es que la imagem de fondo llega unicamemte al height definido, nomal total de la nueva altura de la capa.

[pzin]

No puedes hablar del código que no publicas. No hay ninguna altura definida en tu código, así que estarás hablando de un código que no has publicado, y así no se puede.

[Vcnt]

Pues algo hago mal....

Código CSS:

BODY {
    margin:auto;
    padding: auto;
    background: #E4E3E3;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 1;
    }
 
#centrado {
    position: relative;
    margin:auto;
    top: 0px;
    width: 960px;
    z-index: 2;
    background-color: #FFF;
    border: medium solid #999;
    overflow:hidden;
        }
 
 
 
#twitter {
    position:absolute;
    width:300px;
    height:300px;
    z-index:5;
    left: 640px;
    top: 725px;
 
}
 
#publicidad {
    position:absolute;
    width:300px;
    height:300px;
    z-index:5;
    left: 640px;
    top: 400px;
 
}
.separador {
 
    background-image: url(../imagenes/v8-t.png);
    background-repeat: repeat-x;
 
    
}
 
#calendario {
    position:absolute;
    width:612px;
    height:300px;
    z-index:5;
    left: 15px;
    top: 400px;
    font-size: 13px;
    color: #CCC;
    text-align: center;
    font-weight: bold;
}
#inscripciones{
    position:absolute;
    width:310px;
    height:30px;
    z-index:5;
    left: 640px;
    top: 400px;
    font-size: 13px;
    color: #CCC;
    text-align: center;
    font-weight: bold;
}
#fundacion {
    position:absolute;
    width:600px;
    height:280px;
    z-index:5;
    left: 15px;
    top: 725px;
    font-size: 13px;
    color: #CCC;
    text-align: center;
    font-weight: bold;
}
#contactar {
    position:absolute;
    width:310px;
    height:175px;
    z-index:5;
    left: 640px;
    top: 500px;
    font-size: 13px;
    color: #CCC;
    text-align: center;
    font-weight: bold;
}
 
#aviso {
    position:absolute;
    width:940px;
    height:30px;
    z-index:5;
    left: 10px;
    top: 1040px;
    font-size: 11px;
    color: #CCC;
    text-align: center;
    font-weight: bold;
}
 

[ArturoGallegos]

Crei que estaba mas que claro que la altura era definida por B y C, si tu imagen es mas alta a la capa A le importa un cacahuate porque ella solo depende de B y C.

Iniciado por Vcnt

Hola!
... La capa A tiene un fondo, pero no quiero definirle la altura, ..., ya que la altura solo varia segun el contenido de texto que tengan B y C.
...

Tal vez lo que buscas sea aplicar -> min-height:(altura del fondo).

[alzacon]

Iniciado por pzin

No puedes hablar del código que no publicas. No hay ninguna altura definida en tu código, así que estarás hablando de un código que no has publicado, y así no se puede.

Tantas veces no se hace eso, y otras no sólo publicar el código implicado en el problema sino todo el de la página.

Ahora nos tocaría adivinar cual es A, B y C.

Supongamos que B y C son cualquiera de los id, excepto #centrado. ¿Por qué usas posición absoluta en ellos? http://librosweb.es/css/capitulo_5/p..._absoluto.html

Posición Absoluta y altura auto, mala combinación...

[Vcnt]

Hola! Creo que os he liado mas que otra cosa.

Efectivamente todo esta dentro de la capa #centrado. (A)

Esa capa es la que no quiero definirle altura para que las otras capas (B C ...) sean las que le definan la altura. Según la pagina uso algunas de esas capas y otras no, de ahi que no quiero que # centrado tenga una altura definida.

Sobre el fondo me da ya iguao, le aplico un color con bordes y listo.

Gracias!!!

[alzacon]

Creo que no has visto mi pregunta ni el enlace que puse.

Iniciado por alzacon

Posición Absoluta y altura auto, mala combinación...

Tal vez me falto comentar posición absoluta del elemento hijo (B ó C) y altura auto del elemento padre (A)