Re: [Ovillo] respuesta inesperada en float dentro de div (MaiteCapalleja)
Hola,
tienes razon, pero creo que podrias conseguir el mismo efecto sin usar el
margin:auto, basandome en el css que enviaste prueba a modificarlo asi:
#wrapper{
width: 90%;
margin: 0 5% 0 5%;
border: 1px solid #000;
padding: 0;
float:left;
clear:both;
}
#wrapper img{
float: left;
}
Si no te funciona tendrias que mirar las propiedades de las capas contenedoras,
te mando un ejemplo sencillito funcionando, espero que te ayude:
style
#contenedor{
width:95%;
border:1px solid #ff000;
background-color:#00;
margin:0;
padding:0;
}
#contenido{
float:right;
width:50%;
background-color:#99FF00;
padding:0;
}
#wrapper{
width: 90%;
margin: 0 5% 0 5%;
border: 1px solid #000;
padding: 0;
float:left;
clear:both;
margin-bottom:0.5em;
}
#wrapper img{
float: left;
}
/style
div id=contenedor
div id=contenido
div id=wrapper
img src=img/3.jpeg width=200px/
/div
div id=wrapper
img src=img/60.jpg width=200px/
/div
/div
br style=clear:both;/
/div
/div
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Bruno Mendoza
Enviado el: miércoles, 30 de mayo de 2007 17:31
Para: ovillo@lists.ovillo.org
Asunto: Re: [Ovillo] respuesta inesperada en float dentro de div
(MaiteCapalleja)
Hola,
Gracias por responder.
El problema de la solución que propones, Maite, es que no respeta los márgenes
especificados para la caja 'wrapper' ya que así esta especificado en la
definición de la propiedad 'float'.
Esto provoca que la caja principal se desplaze a la izquierda o derecha según
se especifique y no se mantenga en el centro.
¿Alguna sugerencia?
Saludos,
Bruno.
--
_ _ _
/_)_ _ _ / /|,/_ _ _/_ _ _ / ` _ _/_ _
/_)//_// //_/ (_/. / //_'/ //_//_//_/_| /_;/_//_'/_//_'_\
Bruno J. Mendoza Guedes
[EMAIL PROTECTED] (Quitar XXX)
___
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] respuesta inesperada en float dentro de div
Hola,
Para arreglar ese problemilla tienes poner el contenedor #wrapper flotando y
con la propiedad clear,
#wrapper{
width: 500px;
margin: 0 auto 0 auto;
border: 1px solid #000;
padding: 0;
float:left;
clear:both;
}
#wrapper img{
float: left;
}
Espero que te funcione :-)
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Bruno Mendoza
Enviado el: martes, 29 de mayo de 2007 15:01
Para: Ovillo@lists.ovillo.org
Asunto: [Ovillo] respuesta inesperada en float dentro de div
Hola,
Tengo una duda respecto a las cajas flotantes que se encuentran dentro de otras
que siguen el flujo normal.
El siguiente código
!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
html
head
meta http-equiv=Content-Type content=text/html; charset=ISO-8859-1
titleInsert title here/title style type=text/css #wrapper{
width: 500px;
margin: 0 auto 0 auto;
border: 1px solid #000;
padding: 0;
}
#wrapper img{
float: left;
}
/style
/head
body
div id=wrapper
img src=pic/torii3.jpg/img
hola
/div
/body
/html
en Firefox deja parte de la imagen fuera de la caja wrapper mientras que en
IE7 toma toda la caja (respuesta que quiero conseguir sin tener que introducir
otra caja con la propiedad 'clear'.
¿Qué es lo que hace Firefox?
Saludos,
Bruno.
--
_ _ _
/_)_ _ _ / /|,/_ _ _/_ _ _ / ` _ _/_ _
/_)//_// //_/ (_/. / //_'/ //_//_//_/_| /_;/_//_'/_//_'_\
Bruno J. Mendoza Guedes
[EMAIL PROTECTED] (Quitar XXX)
___
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] respuesta inesperada en float dentro de div (Maite Capalleja)
Hola, Gracias por responder. El problema de la solución que propones, Maite, es que no respeta los márgenes especificados para la caja 'wrapper' ya que así esta especificado en la definición de la propiedad 'float'. Esto provoca que la caja principal se desplaze a la izquierda o derecha según se especifique y no se mantenga en el centro. ¿Alguna sugerencia? Saludos, Bruno. -- _ _ _ /_)_ _ _ / /|,/_ _ _/_ _ _ / ` _ _/_ _ /_)//_// //_/ (_/. / //_'/ //_//_//_/_| /_;/_//_'/_//_'_\ Bruno J. Mendoza Guedes [EMAIL PROTECTED] (Quitar XXX) ___ 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] respuesta inesperada en float dentro de div
Hola,
Tengo una duda respecto a las cajas flotantes que se encuentran dentro
de otras que siguen el flujo normal.
El siguiente código
!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
html
head
meta http-equiv=Content-Type content=text/html; charset=ISO-8859-1
titleInsert title here/title
style type=text/css
#wrapper{
width: 500px;
margin: 0 auto 0 auto;
border: 1px solid #000;
padding: 0;
}
#wrapper img{
float: left;
}
/style
/head
body
div id=wrapper
img src=pic/torii3.jpg/img
hola
/div
/body
/html
en Firefox deja parte de la imagen fuera de la caja wrapper mientras
que en IE7 toma toda la caja (respuesta que quiero conseguir sin tener
que introducir otra caja con la propiedad 'clear'.
¿Qué es lo que hace Firefox?
Saludos,
Bruno.
--
_ _ _
/_)_ _ _ / /|,/_ _ _/_ _ _ / ` _ _/_ _
/_)//_// //_/ (_/. / //_'/ //_//_//_/_| /_;/_//_'/_//_'_\
Bruno J. Mendoza Guedes
[EMAIL PROTECTED] (Quitar XXX)
___
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
