[Ovillo] Problema con Footer en Margin-Top

2007-06-01 Por tema Gerzo Karim 
simplemente genial

pero por que no funcionara en IE??? alli que hack o que hay que hacer,
alguna idea

saLudOs,

[Ovillo]
Problema con Footer en Margin-Top *Juan Jorge Muñoz Herrero* jjmh399 en
gmail.com

*Vie Jun 1 19:24:16 UTC 2007*


   - Mensaje anterior: [Ovillo] [off-topic] Ayuda con menú desplegable
   (javascript)
   
   - *Mensajes ordenados por:* [ fecha
]
[
   hilo ]
[
   asunto 
]
[
   autor ]

--



TEST...

*{margin:0;padding:0;}
/*
Esto lo hago para machacar
los valores de cada navegador
y tener un poco más de control
*/
#contenedor {
width:750px;
margin:0 auto;
text-align:left;}

#contenido {
background:#DDD;
float:left;
width:540px;}

#ladoa {
background:#00FF00;
float:right;
margin-left:10px;
width:200px;}

#pie {
float:left; /*esto es a lo que se refiere*/
width:100%; /*esto es a lo que se refiere*/
background:#00;
margin-top:15px;
clear:both;}






Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Mauris gravida sem eu sem. Vestibulum rhoncus convallis nisi.
Aliquam velit enim, tempor et, tempus sagittis, tristique ac, quam. In
eget elit. Nulla egestas porttitor sapien. Cras ac tortor eget mauris
aliquam placerat. Maecenas sit amet nisi. Class aptent taciti sociosqu
ad litora torquent per conubia nostra, per inceptos hymenaeos. In hac
habitasse platea dictumst. Nam arcu nulla, ultrices sit amet,
pellentesque non, vestibulum in, nulla.


Link 1
Link 2
Link 3


Lorem ipsum dolor sit amet Lorem ipsum dolor sit
amet Lorem ipsum dolorsit amet Lorem ipsum dolor sit amet





PD: Te sobraba la div que contenía la lista.
-- 
Juan Jorge Muñoz Herrero
http://www.taarq.com
(0034) 635 10 7142

--


   - Mensaje anterior: [Ovillo] [off-topic] Ayuda con menú desplegable
   (javascript)
   
   - *Mensajes ordenados por:* [ fecha
]
[
   hilo ]
[
   asunto 
]
[
   autor ]

--
Más información sobre la lista de distribución Ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema con Footer en Margin-Top

2007-06-01 Por tema Juan Jorge Muñoz Herrero 


TEST...

*{margin:0;padding:0;}
/*
Esto lo hago para machacar
los valores de cada navegador
y tener un poco más de control
*/
#contenedor {
width:750px;
margin:0 auto;
text-align:left;}

#contenido {
background:#DDD;
float:left;
width:540px;}

#ladoa {
background:#00FF00;
float:right;
margin-left:10px;
width:200px;}

#pie {
float:left; /*esto es a lo que se refiere*/
width:100%; /*esto es a lo que se refiere*/
background:#00;
margin-top:15px;
clear:both;}






Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Mauris gravida sem eu sem. Vestibulum rhoncus convallis nisi.
Aliquam velit enim, tempor et, tempus sagittis, tristique ac, quam. In
eget elit. Nulla egestas porttitor sapien. Cras ac tortor eget mauris
aliquam placerat. Maecenas sit amet nisi. Class aptent taciti sociosqu
ad litora torquent per conubia nostra, per inceptos hymenaeos. In hac
habitasse platea dictumst. Nam arcu nulla, ultrices sit amet,
pellentesque non, vestibulum in, nulla.


Link 1
Link 2
Link 3


Lorem ipsum dolor sit amet Lorem ipsum dolor sit
amet Lorem ipsum dolorsit amet Lorem ipsum dolor sit amet





PD: Te sobraba la div que contenía la lista.
-- 
Juan Jorge Muñoz Herrero
http://www.taarq.com
(0034) 635 10 7142
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema con Footer en Margin-Top

2007-06-01 Por tema Gerzo Karim 
Hola,

muchas gracias por tu respuesta, sabes entendi todo, menos la solución que
propones:

"La solución que le daria yo es flotar el pie y darle un ancho del 100% del
> contenedor."


podrias si fueras tan amable de darme tu solución un poco mas grafica
añadiendola al codigo de mi ejemplo, enserio te estaria eternamente
agradecido,

muchas gracias una vez mas ;)



On 6/1/07, Francisco Alvarez Alonso <[EMAIL PROTECTED]> wrote:
>
> El contenedor "contenido" y "ladoa"  están flotando con lo que se salen
> del flujo normal del documento. En cambio "pie" no lo está flotando con
> lo que el margen superior de este lo calcula
> en este caso respecto a su caja contenedora ("contenedor") al decirle al
> pie que no haya elementos flotando a sus lados (clear:both) te dibuja la
> caja debajo de estas y como el margen superior (15px)
> es inferior a la altura de los dos elementos flotantes (contenido y
> ladoa), te da la impresión de que no se lo aplica (Prueba a poner
> margin-top:1000px :)). La solución que le daria yo es flotar el pie y
> darle un ancho del 100% del contenedor. Saludos.
>
> Gerzo Karim escribió:
> > Hola,
> >
> > basicamente mi layout css esta asi:
> >
> >
> > body {
> > margin:0 auto;
> > text-align:center;
> > }
> >
> > #contenedor {
> > width:750px;
> > margin:0 auto;
> > text-align:left;
> > }
> >
> > #contenido {
> > background:#DDD;
> > float:left;
> > width:540px;
> > }
> >
> > #ladoa {
> > background:#00FF00;
> > float:right;
> > margin-left:10px;
> > width:200px;
> > }
> >
> > #pie {
> > background:#00;
> > margin-top:15px;
> >
> > }
> >
> >
> > y en implementacion es algo mas o menos asi:
> >
> >
> > 
> > 
> > TEST...
> > 
> > 
> >
> > 
> >
> > 
> > 
> > Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum
> dolor
> > sit amet Lorem ipsum dolor sit amet
> > 
> >
> > 
> > 
> > Link 1
> > Link 2
> > Link 3
> > 
> > 
> >
> > 
> > Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum
> dolor
> > sit amet Lorem ipsum dolor sit amet
> > 
> > 
> >
> > 
> > 
> >
> >
> > pero el problema radica en que mi footer no funciona ni con IE ni con FF
> el
> > atributo margin-top solo sirve el margin-bottom y no se por que se
> me
> > pega mucho el #pie al #contenido :'(
> >
> > alguna idea necesito su ayuda!!!
> >
> > saLudOs
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> >
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 



saLudOs


Atte,
Gerzo Karim
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] [off-topic] Ayuda con menú desplega ble (javascript)

2007-06-01 Por tema Rodrigo Álvarez Virgós 
Hola, Ovillo

Os comento un problema que tengo, a ver si alguien es capaz de 
resolverlo. Estoy desarrollando un sitio web con un desplegable que 
funciona de la siguiente manera:
- El menú en prinicipio se muestra entero, tanto los menús como los 
submenús.
- Cuando se carga la página (body onload), con JS pliego los submenús, 
poniendo su display a none.
- Los submenús se despliegan y pliegan a voluntad del usuario (li 
onclick) poniendo el display a block o de nuevo a none, respectivamente.

Lo hago de esta manera para que si el usuario tiene desactivado JS, se 
le muestre el menú entero, y así evitar que el código sea intrusivo. El 
problema está en que pasa una pequeña porción de tiempo hasta que el 
menú se pliega en el "body onload", y cuando lo hace: la página muestra 
un pantallazo bastante feo y molesto. Personalmente no me gustan nada 
los menús desplegables, pero si es lo que el cliente quiere...

¿Se os ocurre una solución no intrusiva para que no se muestre el 
pantallazo? Se me ocurre precargar el menú antes de visualizarlo, pero 
no sé cómo hacerlo ^^ Si alguien se anima a intenatelo, puede ver el 
menú en http://www.camala.es/alfa/

Un saludo
Rodrigo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema con Footer en Margin-Top

2007-06-01 Por tema Francisco Alvarez Alonso 
El contenedor "contenido" y "ladoa"  están flotando con lo que se salen 
del flujo normal del documento. En cambio "pie" no lo está flotando con 
lo que el margen superior de este lo calcula
en este caso respecto a su caja contenedora ("contenedor") al decirle al 
pie que no haya elementos flotando a sus lados (clear:both) te dibuja la 
caja debajo de estas y como el margen superior (15px)
es inferior a la altura de los dos elementos flotantes (contenido y 
ladoa), te da la impresión de que no se lo aplica (Prueba a poner 
margin-top:1000px :)). La solución que le daria yo es flotar el pie y 
darle un ancho del 100% del contenedor. Saludos.

Gerzo Karim escribió:
> Hola,
>
> basicamente mi layout css esta asi:
>
>
> body {
> margin:0 auto;
> text-align:center;
> }
>
> #contenedor {
> width:750px;
> margin:0 auto;
> text-align:left;
> }
>
> #contenido {
> background:#DDD;
> float:left;
> width:540px;
> }
>
> #ladoa {
> background:#00FF00;
> float:right;
> margin-left:10px;
> width:200px;
> }
>
> #pie {
> background:#00;
> margin-top:15px;
>
> }
>
>
> y en implementacion es algo mas o menos asi:
>
>
> 
> 
> TEST...
> 
> 
>
> 
>
> 
> 
> Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor
> sit amet Lorem ipsum dolor sit amet
> 
>
> 
> 
> Link 1
> Link 2
> Link 3
> 
> 
>
> 
> Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor
> sit amet Lorem ipsum dolor sit amet
> 
> 
>
> 
> 
>
>
> pero el problema radica en que mi footer no funciona ni con IE ni con FF el
> atributo margin-top solo sirve el margin-bottom y no se por que se me
> pega mucho el #pie al #contenido :'(
>
> alguna idea necesito su ayuda!!!
>
> saLudOs
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
>   

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo