Re: [Ovillo] Ayuda con .5em de posicionamiento
Gracias por el datoWilken. Yo ya había instalado Firebug horas antes, pero me tincaba que el problema era en las medidas... y como bien manifestó Daniel Navarro, estaba combinando em con px en el paddong y margin. reparé ese detalle y luego tuve que realizar algunos cambios en las medidas de los hacks tanto para IE7 del tipo (*margin:0 5px 0 5px;/*para Ie7) como para Ir6 (
Re: [Ovillo] Ayuda con .5em de posicionamiento
Hola, yo generalmente he trabajado con paginas que tienen que ser cross browser
y siento que la mejor manera de lograrlo es usando FireBug un plugin the
FireFox. Ya se que este plugin es the FF pero es muy util para encontrar este
tipo de errores. Solo debes dar inspeccionar y el codigo CSS sale en el panel
derecho y el HTML en el izquierdo.
--- El sáb 18-abr-09, Miguel Flores escribió:
De: Miguel Flores
Asunto: [Ovillo] Ayuda con .5em de posicionamiento
A: "Ovillo, la lista de CSS en castellano"
Fecha: sábado, 18 abril, 2009, 9:21 pm
Buenas noches tengo un problema de visualización en IE 7 que ha quedado
resuelto en IE6; en IE8 funciona normal y por supuesto en Firefox funciona de
maravillas.
La imagen del problemita es la que sigue en el link:
[http://www.pixelperu.net/problemas/problema.jpg]
La estructura de DIVS es como sigue:
div id="wrapper">/*este es el contenedor general*/
/*aca es donde se da el problema*/
/*o quizas aca?*/
he estado revisando durante 3 dias, ya me estan saliendo las segundas ojeras y
ya no quiero mas pero no me rindo, sigo buscando acá y allá. Algún alma que
despierte de un sopapo con su acertado comentario?? La verdad es que no pensaba
que ese militro de diferencia me iba a costar tanto pero tanto.
El código CSS utilizado es el sgte: (omitiendo alguno que otro codigo
innecesario):
html, body {
margin: 0;
padding:0;
font-family: normal Arial, Helvetica, sans-serif;
background: #b4b4b4 url(../images/vertical.jpg) repeat-x;
}
#wrapper{
width: 920px;
background:#fff;
height: auto;
margin: 0 auto;
padding: 0 ;
}
#pageHeader{
width: 920px;
height: 465px;
margin: 0 .5em;
padding: 0;
}
#banner{
width: 905px;
height: 465px;
background: url(../images/banner.jpg) no-repeat center bottom ;
,margin:0em 0 0 0;
}
#supportingText{
width: 905px;
padding:0 .5em;
margin:.5em auto;
height: 100%;
,margin:5.9em auto .5em auto;
}
.menu{
float: left;
width: 905px;
margin: 0;
padding: 0;
}
Y ahora el menu de navegacion:
#navlist {
margin: 0;
padding: 0;
}
#navlist li {
float: left;
width: 181px;
*width: 179px;/*para Ie6*/
list-style-type: none;
text-align: center;
}
Ya toy cansao!!
Miguel Flores Franco
Pixelperú - Arte y diseño web basado en estándares
http://www.pixelperu.net
Telf.: + 511 566 5116 . Cel. +511 99392 8921
MSN:mi...@pixelperu.net
___
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
¡Obtén la mejor experiencia en la web!
Descarga gratis el nuevo Internet Explorer 8.
http://downloads.yahoo.com/ieak8/?l=e1
___
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] Ayuda con .5em de posicionamiento
Hola, ¿cuál es el fallo? no lo explicas en tu mensaje. Es mejor que incluyas
también un enlace a la página en pruebas para ver la diferencia entre
navegadores.
Veo que la anchura de #pageHeader más su margen (920px + 0.5em + 0.5em)
supera la anchura de #wrapper (920px), que es su contenedor. Quita el width
de #pageHeader. No sumes px con em.
Saludos.
El 19 de abril de 2009 4:21, Miguel Flores escribió:
> Buenas noches tengo un problema de visualización en IE 7 que ha quedado
> resuelto en IE6; en IE8 funciona normal y por supuesto en Firefox funciona
> de maravillas.
> La imagen del problemita es la que sigue en el link: [
> http://www.pixelperu.net/problemas/problema.jpg]
> La estructura de DIVS es como sigue:
>
> div id="wrapper">/*este es el contenedor general*/
>
> /*aca es donde se da el problema*/
> /*o quizas aca?*/
>
> he estado revisando durante 3 dias, ya me estan saliendo las segundas
> ojeras y ya no quiero mas pero no me rindo, sigo buscando acá y allá. Algún
> alma que despierte de un sopapo con su acertado comentario?? La verdad es
> que no pensaba que ese militro de diferencia me iba a costar tanto pero
> tanto.
> El código CSS utilizado es el sgte: (omitiendo alguno que otro codigo
> innecesario):
>
> html, body {
> margin: 0;
> padding:0;
> font-family: normal Arial, Helvetica, sans-serif;
> background: #b4b4b4 url(../images/vertical.jpg) repeat-x;
> }
>
> #wrapper{
> width: 920px;
> background:#fff;
> height: auto;
> margin: 0 auto;
> padding: 0 ;
> }
>
> #pageHeader{
> width: 920px;
> height: 465px;
> margin: 0 .5em;
> padding: 0;
> }
>
> #banner{
> width: 905px;
> height: 465px;
> background: url(../images/banner.jpg) no-repeat center bottom ;
> ,margin:0em 0 0 0;
> }
>
> #supportingText{
> width: 905px;
> padding:0 .5em;
> margin:.5em auto;
> height: 100%;
> ,margin:5.9em auto .5em auto;
> }
>
> .menu{
> float: left;
> width: 905px;
> margin: 0;
> padding: 0;
> }
>
> Y ahora el menu de navegacion:
>
> #navlist {
> margin: 0;
> padding: 0;
> }
>
> #navlist li {
> float: left;
> width: 181px;
> *width: 179px;/*para Ie6*/
> list-style-type: none;
> text-align: center;
> }
>
> Ya toy cansao!!
>
> Miguel Flores Franco
> Pixelperú - Arte y diseño web basado en estándares
> http://www.pixelperu.net
> Telf.: + 511 566 5116 . Cel. +511 99392 8921
> MSN:mi...@pixelperu.net
>
> ___
> 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
