[Ovillo] ¿Divs juguetones, explorer malicioso o mal css por mi parte?
Buenas a todos; tengo un problema y por mas que testeo no le encuentro la solucion; tengo una plantilla css en la que dos de las divisiones las posiciono en absoluto (fecha y busqueda). Firefox y Opera para Windows me las muestran correctamente pero explorer 6 las hace desaparecer. Alguien puede darme alguna pista -y dios os lo pagará en esta vida o en las próximas- La web está en: http://webdemos.millorsoft.es/rafa/plantilla4.php Un saludo y gracias por adelantado ___ 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] ¿Divs juguetones, explorer malicioso o mal css por mi parte?
Hola Rafa,
Rafa García escribió:
Buenas a todos; tengo un problema y por mas que testeo no le encuentro
la solucion; tengo una plantilla css en la que dos de las divisiones las
posiciono en absoluto (fecha y busqueda). Firefox y Opera para Windows
me las muestran correctamente pero explorer 6 las hace desaparecer.
Hace poco envié dos mails seguidos por un problema similar con las cajas
posicionadas en IE. Uno lo resolví con ayuda de Inti Castro y otro aún
está esperando a que me haga de paciencia para volver a entrentarlo.
En el hilo del problema resuelto comenté que, aparentemente, el bug
afecta a un div con position: absolute que se encuentre antes de divs
con float: left | right. Variando el width o poniéndole margin negativo
a las cajas flotadas logramos que la caja posicionada reaparezca.
Sin embargo, en tu caso no funcionó esa solución, así que toda la
explicación anterior podés atribuirla a que hoy me levanté escribidor.
Lo que hice fue editar tu código y modificar algunas cosas. En
principio, puse #fecha y #busqueda dentro de #cabecera (así se sienten
contenidos y no desaparecen). Y de paso, eliminé o reemplacé un par de
divs que me parecieron innecesarios.
En Firefox la fecha queda un poco más abajo, pero no creo que sea
problema corregirlo.
Bueno, aquí va el código editado:
!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
titleEurowin TuWeb+ Plantilla 04/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
style type=text/css
!--
body {
margin: 0;
padding: 0;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
background-color: #eee;
background-image: url(imagenes/fondo_plantilla04_2.gif);
background-repeat: repeat-x;
}
#contenedor {
font-size: 1.1em;
margin: 43px 0;
padding: 0;
width: 760px;
background-color: #FF;
}
#cabecera {
width: 760px;
float: right;
background-color: #FF;
height: 120px;
background-image: url(imagenes/carretera_plantilla04.jpg);
}
#fecha {
color: #00;
position: absolute;
left: 10px;
top: 17px;
}
#busqueda {
color: #00;
position: absolute;
left: 400px;
top: 15px;
margin: 0px;
padding: 0px;
}
#busqueda input {
width: 200px;
margin-right: 5px;
margin-left: 5px;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-size: 10px;
color: #4F6781;
background-color: #ECECEC;
border: 1px solid #CC;
padding-left: 2px;
padding-right: 2px;
}
#busqueda a:link, #busqueda a:visited {
text-decoration: none;
color: #CC;
}
#busqueda a:hover {
text-decoration: underline;
color: #FFCC00;
}
#menu {
background-color: #FF;
float: left;
width: 255px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0px;
}
#menu a:link, #menu a:visited {
color: #66;
text-decoration: none;
}
#menu a:hover {
color: #FF;
text-decoration: none;
}
#menu a:active {
color: #006699;
text-decoration: none;
}
#menu ul.menuempresa {
list-style-type: none;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0px;
}
#menu ul.menuempresa li {
font-weight: bold;
padding: 0px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #79;
}
#menu ul.menuempresa li a {
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 5px;
height: 100%;
display: block;
}
#menu ul.menuempresa li a:hover {
color: #003366;
background-color: #ECECEC;
}
#login {
background-color: #FF;
color: #FF;
float: left;
clear: left;
width: 190px; /*el cuadro original tiene 240 px de ancho*/
height: 170px;
margin-left: 10px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
padding-left: 30px;
padding-top: 60px;
padding-right: 20px;
padding-bottom: 10px;
background-image: url(imagenes/postitentero_plantilla04.gif);
background-repeat: no-repeat;
background-position: top;
}
/*#fondologin {
background-color: #66;
width: 200px;
height: 100%;
}*/
#cuerpo {
position: relative;
width: 500px;
float: right;
/*clear: both; Aqui peta el tema*/
background-color: #FF;
margin-left: 0px;
Re: [Ovillo] ¿Divs juguetones, explorer malicioso o mal css por mi parte?
La imagen ahora está así, pero la flotaré sobre el texto a la derecha y tendrá un tamaño menor. Yo sigo sin ver los dos divs escondidos, y compañeros de trabajo tampoco lo ven. Y lo malo es que necesito darles el absoluto para escaparlos del flujo de la página. A ver si alguien pone algo de luz en esto. Gracias Inti Castro escribió: On 8/9/05, Rafa García [EMAIL PROTECTED] wrote: (fecha y busqueda). Firefox y Opera para Windows me las muestran correctamente pero explorer 6 las hace desaparecer. La web está en: http://webdemos.millorsoft.es/rafa/plantilla4.php yo veo tanto la fecha como la caja de busqueda en ff e ie6 bajo windows xp sp2. para el auto que tiene ahi fijate de buscar la manera de poner la imagen en una sola pieza como fondo de algun div. de esta manera evitas dos problemas: 1. que las partes de la imagen de desfacen y 2. que el xhtml no posea un tag img que es puramente decorativo. inti castro [EMAIL PROTECTED] ___ 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] ¿Divs juguetones, explorer malicioso o mal css por mi parte?
Hola Inti, Inti Castro escribió: On 8/9/05, Rafa García [EMAIL PROTECTED] wrote: (fecha y busqueda). Firefox y Opera para Windows me las muestran correctamente pero explorer 6 las hace desaparecer. La web está en: http://webdemos.millorsoft.es/rafa/plantilla4.php yo veo tanto la fecha como la caja de busqueda en ff e ie6 bajo windows xp sp2. jeje, no subestimes a IE... también vi ambas cajas la primera vez que cargué la página, pero probá a recargarla :D -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ 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] ¿Divs juguetones, explorer malicioso o mal css por mi parte?
Lo gracioso es que no puedo cambiar el codigo dentro del body, solo las cssesto va a ir a un constructor de plantillas y el codigo es intocable...un problemita mas ;-). Entonces, camilo, es esto un bug reconocido del exploiter? Camilo Kawerín escribió: Hola Inti, Inti Castro escribió: On 8/9/05, Rafa García [EMAIL PROTECTED] wrote: (fecha y busqueda). Firefox y Opera para Windows me las muestran correctamente pero explorer 6 las hace desaparecer. La web está en: http://webdemos.millorsoft.es/rafa/plantilla4.php yo veo tanto la fecha como la caja de busqueda en ff e ie6 bajo windows xp sp2. jeje, no subestimes a IE... también vi ambas cajas la primera vez que cargué la página, pero probá a recargarla :D ___ 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] ¿Divs juguetones, explorer malicioso o mal css por mi parte?
Es cierto, al recargar la página 3 o 4 veces aparecen, y al volver a recargar desaparecen por un buen rato. Soy un manazas o los manazas son ellos? ;-) Rafa García escribió: Lo gracioso es que no puedo cambiar el codigo dentro del body, solo las cssesto va a ir a un constructor de plantillas y el codigo es intocable...un problemita mas ;-). Entonces, camilo, es esto un bug reconocido del exploiter? Camilo Kawerín escribió: Hola Inti, Inti Castro escribió: On 8/9/05, Rafa García [EMAIL PROTECTED] wrote: (fecha y busqueda). Firefox y Opera para Windows me las muestran correctamente pero explorer 6 las hace desaparecer. La web está en: http://webdemos.millorsoft.es/rafa/plantilla4.php yo veo tanto la fecha como la caja de busqueda en ff e ie6 bajo windows xp sp2. jeje, no subestimes a IE... también vi ambas cajas la primera vez que cargué la página, pero probá a recargarla :D ___ 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] ¿Divs juguetones, explorer malicioso o mal css por mi parte?
Rafa García escribió: Lo gracioso es que no puedo cambiar el codigo dentro del body, solo las cssesto va a ir a un constructor de plantillas y el codigo es intocable...un problemita mas ;-). Entonces, camilo, es esto un bug reconocido del exploiter? Ni en quirksmode.org como en positioniseverything.net pude encontrar referencia directa al bug, sólo algunos similares relacionados a la combinación de cajas posicionadas y cajas flotandas (parece que para IE esto es como mezclar bebidas distintas). Si no podés modificar el código, probá a modificar el ancho o los márgenes (poniendo márgenes negativos a las cajas flotadas) como hice en: http://textilmandiyu.com/index.php (mirá la CSS principal y la especial para IE 6). De todos modos, según Tidy, el código html no valida, así que si deben corregir eso bien podrían reubicar las cajas. Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ 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
