nntp2http.com
Posting
Suche
Optionen
Hilfe & Kontakt

Re: algo hago mal con las CSS

Von: Jose (mi.mail@no.es) [Profil]
Datum: 23.09.2006 20:30
Message-ID: <%2fRg.22007$MA3.10201@news.ono.com>
Newsgroup: es.comp.infosistemas.www.paginas-web
Prueba poniendo así tu hoja de estilos:

#cabecera
{
position: relative;
}
#cabecera #logo
{
position: absolute;
left: 0px; top: 0px;
}
#cabecera #banner
{
position: absolute;
right: 0px; top: 0px;
}

Con esa definición de cabecera haces que las posiciones absolutas
interiores a esa capa tomen como referencia (0,0) la esquina superior
izquierda de la capa cabecera que las contiene. Con eso conseguirás que
banner quede "dentro" de la cabecera. Los tendrás metidos en un
contenedor que podrás posicionar fácilmente pero si pones un
borde a tu
#cabecera, al menos en firefox y bajo windows, verás que el borde no
rodea al logo y al banner. Eso es porque las capas interiores, al ser
absolutas, no empujan hacia abajo al marco de la cabecera... no sé si me
explico.

Suerte [...]

-----

Victor Lopez escribió:
> ********* en el html *****************************************
>  <body>
>  rdfvmhgvchfc  vtf
>   <div id="cabecera">
>    <a href="/"><img id="logo" src=""
width="50px" height="60px"
> alt="logo"/></a>
>    <a href="#"><img id="banner" src=""
width="468px" height="60px"
> alt="banner"/></a>
>   </div>
>  </body>
> **************************************************************
>
> ********* en la css ******************************************
> #cabecera #banner {position: absolute; right: 0px; top: 0px;}
> **************************************************************
>
> En cualquier caso, debería estar el '#banner' dentro de '#cabecera', y
> no ...
>
> ... en konqueror ...
>
> rdfvmhgvchfc  vtf           +-----------------------------+
> +----------+----------------|-----------el----------------|
> |    el    |                |         banner              |
> |   logo   |                +-----------------------------+
> +----------+----------------------------------------------+
>
> ... pero en Firefox es aún mas salvaje ...
>
> rdfvmhgvchfc  vtf           +-----------------------------+
> +----------+----------------|-----------------------------|
> |    el    |                |           el                |
> |   logo   |                |         banner              |
> +----------+----------------|-----------------------------|
>                             +-----------------------------+
>
> Y como se ve, en el código, son iguales de altas
(height="60px")
>
> En algún sitio estoy metiendo la pata hasta las orejas ... :((((
>
> Pero donde ???
>
> --
> ----o---(  )---o----
> Saludos de Victor Lopez Sabio
> v.lopez.s@ono.com
> --------oooo--------
>
[ Auf dieses Posting antworten ]

Antworten