Re: [Ovillo] Problema con Footer en Margin-Top
Gerzo Karim escribió:
simplemente genial
pero por que no funcionara en IE??? alli que hack o que hay que hacer,
alguna idea
Si funciona lo que pasa que no has definido el Doctype y explorer entra
en quirks mode.
saLudOs,
http://lists.ovillo.org/pipermail/ovillo/2007-June/012482.html[Ovillo]
Problema con Footer en Margin-Top *Juan Jorge Muñoz Herrero* jjmh399 en
gmail.com
ovillo%40lists.ovillo.org?Subject=%5BOvillo%5D%20Problema%20con%20Footer%20en%20Margin-TopIn-Reply-To=bf4a2b73070602v4c955e13ycd07b298f78d0f9d%40mail.gmail.com
*Vie Jun 1 19:24:16 UTC 2007*
- Mensaje anterior: [Ovillo] [off-topic] Ayuda con menú desplegable
(javascript)
http://lists.ovillo.org/pipermail/ovillo/2007-June/012481.html
- *Mensajes ordenados por:* [ fecha
]http://lists.ovillo.org/pipermail/ovillo/2007-June/date.html#12482
[
hilo
]http://lists.ovillo.org/pipermail/ovillo/2007-June/thread.html#12482
[
asunto
]http://lists.ovillo.org/pipermail/ovillo/2007-June/subject.html#12482
[
autor
]http://lists.ovillo.org/pipermail/ovillo/2007-June/author.html#12482
--
html
head
titleTEST.../title
style type=text/css
*{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;}
/style
/head
body
div id=contenedor
div id=contenido
pLorem 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./p
/div
ul id=ladoa
liLink 1/li
liLink 2/li
liLink 3/li
/ul
div id=pie
pLorem ipsum dolor sit amet Lorem ipsum dolor sit
amet Lorem ipsum dolorsit amet Lorem ipsum dolor sit amet/p
/div
/div
/body
/html
PD: Te sobraba la div que contenía la lista.
___
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
Juan Jorge Muñoz Herrero escribió:
*{margin:0;padding:0;}
/*
Esto lo hago para machacar
los valores de cada navegador
y tener un poco más de control
*/
No es buena idea el aplicar el selector universal ya que le supone una
gran carga al navegador, existen soluciones para resetear el css por
defecto más livianas, en este artículo de Daniel Torresburiel lo explica
perfectamente.
http://www.torresburriel.com/weblog/2007/03/11/reset-css-o-como-empezar-de-nuevo-manejando-estilos/
--
Saludos -=stripTM=-
___
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
El 2/06/07, stripTM [EMAIL PROTECTED] escribió: No es buena idea el aplicar el selector universal ya que le supone una gran carga al navegador, existen soluciones para resetear el css por defecto más livianas, en este artículo de Daniel Torresburiel lo explica perfectamente. O no tan perfecta, jejej, pero la cosa es que ha sido un buen aporte por su parte, yo personalmente me quedo con esta: http://www.sidar.org/recur/desdi/traduc/es/css/sample.html PD:gracias por el dato ;D -- 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
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:
html
head
titleTEST.../title
link rel=stylesheet href=main.css type=text/css media=all
/head
body
div id=contenedor
div id=contenido
pLorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor
sit amet Lorem ipsum dolor sit amet/p
/div
div id=ladoa
ul
liLink 1/li
liLink 2/li
liLink 3/li
/ul
/div
div id=pie
pLorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor
sit amet Lorem ipsum dolor sit amet/p
/div
/div
/body
/html
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
Re: [Ovillo] Problema con Footer en Margin-Top
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:
html
head
titleTEST.../title
link rel=stylesheet href=main.css type=text/css media=all
/head
body
div id=contenedor
div id=contenido
pLorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum
dolor
sit amet Lorem ipsum dolor sit amet/p
/div
div id=ladoa
ul
liLink 1/li
liLink 2/li
liLink 3/li
/ul
/div
div id=pie
pLorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum
dolor
sit amet Lorem ipsum dolor sit amet/p
/div
/div
/body
/html
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
Re: [Ovillo] Problema con Footer en Margin-Top
html
head
titleTEST.../title
style type=text/css
*{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;}
/style
/head
body
div id=contenedor
div id=contenido
pLorem 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./p
/div
ul id=ladoa
liLink 1/li
liLink 2/li
liLink 3/li
/ul
div id=pie
pLorem ipsum dolor sit amet Lorem ipsum dolor sit
amet Lorem ipsum dolorsit amet Lorem ipsum dolor sit amet/p
/div
/div
/body
/html
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
[Ovillo] Problema con Footer en Margin-Top
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;
clear:both;
}
y en implementacion es algo mas o menos asi:
html
head
titleTEST.../title
link rel=stylesheet href=main.css type=text/css media=all
/head
body
div id=contenedor
div id=contenido
pLorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor
sit amet Lorem ipsum dolor sit amet/p
/div
div id=ladoa
ul
liLink 1/li
liLink 2/li
liLink 3/li
/ul
/div
div id=pie
pLorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor
sit amet Lorem ipsum dolor sit amet/p
/div
/div
/body
/html
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
