RE: [Ovillo] Propiedad float en un div en IE da un margen como lo quito
Stephen,
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
/ titleDocumento sin tiacute;tulo/title style type=text/css
!--
html, body {
height: 100%;
}
#contenedor {
width:600px;
height:100%;
}
#seccionA {
background-color: #FFCC99;
float: left;
height: 100%;
width: 300px;
margin: 0px;
padding: 0px;
}
#seccionB {
width:300px;
height: 100%;
padding:0px;
float:left;
background-color:#66;
}
body {
margin: 0px;
padding: 0px;
}
--
/style
/head
body
div id=contenedor
div id=seccionAParte a/div
div id=seccionBParte b/div
/div
/body
/html
Saludos!!
Dani
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de Stephen G. Garibay
Enviado el: jueves, 12 de enero de 2006 2:22
Para: ovillo@lists.ovillo.org
Asunto: [Ovillo] Propiedad float en un div en IE da un margen como lo
quito
Tengo un lio para terminar la maquetación de un sistema, me enfrento a
esto:
Tengo dos columnas con capas una tiene la propiedad float:left y la
otra un margin-left para dar la maquetación de columnas verticales, en
FF y Opera funciona bien pero en IE6 la propieda float me da un margen
entre las dos capas que no deseo.
Quien conoce el hack para quitar este margen? o que me falta agregar a
las CSS
Aqui va el código
***
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
/
titleDocumento sin tiacute;tulo/title
style type=text/css
!--
html, body {
height: 100%;
}
#seccionA {
background-color: #FFCC99;
float: left;
height: 100%;
width: 300px;
margin: 0px;
padding: 0px;
}
#seccionB {
background-color: #66;
height: 100%;
margin-left: 300px;
padding: 0px;
}
body {
margin: 0px;
padding: 0px;
}
--
/style
/head
body
div id=seccionAParte a/div
div id=seccionBParte b/div
/body
/html
***
Desde ya gracias llevo todo el día intentando resolverlo pero no se me
da.
___
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://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://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Propiedad float en un div en IE da un margen como lo quito
Perdón no comente el mail anterior
A mi entender, necessitas aplicarle el float:left a los 2
identificadores seccionA, seccionB y eliminar el margin-left pq si lo q
deseas es juntarlos no le puedes decir por otro lado que te deje
margenes en la izquierda.
Una manera más cool seria agrupar las seccionesA/B y poner en ellas lo
común y dejando en los ID individuales lo especifico de cada sección
en tu caso:
#seccionA, #seccionB {
width: 300px;
height: 100%;
float: left;
padding:0px
margin:0px
}
#seccionA{
background-color: #FFCC99;
}
#seccionB{
background-color: #66;
}
Si necesitas agregar alguna cosa q afecta a las 2 columnas, se lo añades
en el agrupamiento, si va a modificar algo especifico de una de las
columnas en los ID individuales de la correspondiente.
Espero se entienda alguna cosa.
Saludos Ovilleros!!!
Dani
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de Stephen G. Garibay
Enviado el: jueves, 12 de enero de 2006 2:22
Para: ovillo@lists.ovillo.org
Asunto: [Ovillo] Propiedad float en un div en IE da un margen como lo
quito
Tengo un lio para terminar la maquetación de un sistema, me enfrento a
esto:
Tengo dos columnas con capas una tiene la propiedad float:left y la
otra un margin-left para dar la maquetación de columnas verticales, en
FF y Opera funciona bien pero en IE6 la propieda float me da un margen
entre las dos capas que no deseo.
Quien conoce el hack para quitar este margen? o que me falta agregar a
las CSS
Aqui va el código
***
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
/
titleDocumento sin tiacute;tulo/title
style type=text/css
!--
html, body {
height: 100%;
}
#seccionA {
background-color: #FFCC99;
float: left;
height: 100%;
width: 300px;
margin: 0px;
padding: 0px;
}
#seccionB {
background-color: #66;
height: 100%;
margin-left: 300px;
padding: 0px;
}
body {
margin: 0px;
padding: 0px;
}
--
/style
/head
body
div id=seccionAParte a/div
div id=seccionBParte b/div
/body
/html
***
Desde ya gracias llevo todo el día intentando resolverlo pero no se me
da.
___
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://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://ovillo.org/mailman/listinfo/ovillo
