IE7 y el overflow.....

DragonX · #1 (**permalink**) 04/08/2009, 09:05

Hola amigos estoy teniendo un problema con IE7 y la verdad no se como resolverlo.....seguramente sea una tonteria, pero realmente ya estoy mareado....

Si se fijan ACA veran que todo anda bien pero IE7 no lo rompe..... alguna idea!?

Gracias!
un abrazo!

kseso? · #2 (**permalink**) 04/08/2009, 09:36

Hola dragón,
añade al html, después de cerrar el form, lo resaltado en negrita:

Cita:

</div>

<div class="corte"></div>
</div>

y ya sabes, en el css:

Cita:

.corte {clear:both;}

De todas formas, tienes este cc:

Cita:

y el contenido del archivo es el inicio de un htlm, seguro que algún despiste de pegado.

Un saludo

Nathan_1979 · #3 (**permalink**) 04/08/2009, 10:07

Intentar limpiar el XHTML es lo más recomendable ( div vacios para obligar que el layout en I.E englobe ( yo me entiendo :P

Aunque no pueda comprobarlo en I.E 7 ahí va una posible solución

Código css:

Ver original.header {
    float:left;
    width:780px;
}
 
.finheader {
    float:left;
}

A ver que pasa...

Nathan_1979 · #4 (**permalink**) 04/08/2009, 10:09

DragonX

puedes pasarnos los archivos para que podamos comprobarlo en local?

Un saludo

DragonX · #5 (**permalink**) 04/08/2009, 10:28

kseso? probé lo que me dijiste y nada....sigue igual!
Nathan_1979 lo mismo digo, lo probé y nada.....no hay respuesta! En cuanto al tema de los archivos no hay mucho rollo, son los que ves....
esta raro esto........

Nathan_1979 · #6 (**permalink**) 04/08/2009, 10:36

Cita:

Iniciado por DragonX

En cuanto al tema de los archivos no hay mucho rollo, son los que ves....

Para que no tengamos que estar descargando las imagenes y ficheros para comprobarlo en el explorer ( que en el firefox con todas las extensiones que hay es un segundo hacer pruebas... ).

Me explico?

DragonX · #7 (**permalink**) 04/08/2009, 11:11

lo solucione poniendole un alto especifico a la caja header solo en IE

Gracias!!!

Nathan_1979 · #8 (**permalink**) 04/08/2009, 11:13

Te juro que tenia esa solución a un click ( exactamente a 375px ) pero no es una forma correcta de hacerlo ya que el posible texto no flotara hacia abajo, por lo que se ocultará.

Por eso no te la propuse.

kseso? · #9 (**permalink**) 04/08/2009, 11:18

Ya lo siento, Dragón.
Se ve que hay alguna otra cosa que pueda interferir, pues en local, añadiendo esa propiedad, desde el 'h1' hasta '.finheader' tiene el fondo blanco también en ie7.

Un saludo

DragonX · #10 (**permalink**) 04/08/2009, 11:39

ffffffffffffffffffffffffffffffff no doy pie con bola!!!!!!! mirenlo ahora, la verdad pense que lo tenia solucionado, pero no vi las cajitas que venia abajo..... veanlo aca descargense el ZIP ACA

la verdad me tiene perplejo, nunca me paso algo semejante....

Nathan_1979 · #11 (**permalink**) 04/08/2009, 12:35

Gracias por el ZIP ; )

Código css:

Ver original/*-------------------------------------
LAYOUT
-------------------------------------*/
.container{width:840px;margin-top:14px;}
.iniheader{background:#fff url("../media/custom/header-top.gif") no-repeat top center;width:840px;height:10px;}
.finheader{background:transparent url("../media/custom/header-bot.png") no-repeat top center;width:840px;height:10px;}
.header{background:#fff url("../media/custom/header-content.gif") repeat-x;overflow:hidden;padding:0 30px;}
.header .colizq{display:inline;float:left;padding-top:10px;width:420px;}
.header .colder{display:inline;float:right;padding-top:10px;width:320px;}
/*-----------CAJAS--------------------*/
.topcajasimple{background:transparent url("../media/custom/cajasimple-top.png") no-repeat top center;margin-top:14px;height:52px;float:left;width:100&#37;;}
.cajasimple{background:#fff url("../media/custom/fondo-cajasimple.png") repeat-y 0 0;float:left; width:100%; overflow:hidden;padding-bottom:10px;}
.bottomcajasimple{background:transparent url("../media/custom/cajasimple-bottom.gif") no-repeat top center;height:10px; float:left;width:100%;}
 
.articulo{
display:inline;
float:left;
width:100px;
margin:10px 15px 0 10px;
 
 
}
.articulo strong{
  color:#436C9A;
  display:block;
}

Un saludo.

DragonX · #12 (**permalink**) 04/08/2009, 12:39

Nathan_1979

tampoco anda......

Nathan_1979 · #13 (**permalink**) 04/08/2009, 12:41

Oops! editado he arreglado un pequeño margin.

Nathan_1979 · #14 (**permalink**) 04/08/2009, 12:43

DragonX acabo de probarlo en I.E7 y firefox 3 y se ve igual en los 2 navegadores :S

Edito: Comprobado de nuevo, perfecto!

Nathan_1979 · #15 (**permalink**) 04/08/2009, 12:49

Observa que el código que te pasé se rompe la medida del tanto porciento en topcajassimple.

Modificalo no vaya ser que copies y pegues sin haberte fijado en eso....

Dime argo!

kseso? · #16 (**permalink**) 04/08/2009, 12:50

Dragón, bastaría con colocar un corte (<div class="corte"></div>) después de cerrar el último '.articulo' y antes de cerrar '.cajasimple' por la concatenación de flotados que tienes.

Nathan_1979 · #17 (**permalink**) 04/08/2009, 12:54

Lo gracioso es que copiando y pegando lo que postee ya se arregla en I.E 7 y firefox.

Imagen:

Habia desaparecido :S

kseso? · #18 (**permalink**) 04/08/2009, 13:06

¿Y sabes de donde provienen esos malfuncionamientos, Dragón?
Del inicio de tu html.
En vez de tener como primera línea de todo

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ....

tienes

Cita:

<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="http://www.w3.org/StyleSheets/TR/W3C-WD.css" type="text/css"?>

Coloca ésto último después del "doctype" y no necesitarás modificar ni añadir nada de lo que tienes ya en tu html y css.

Voy a verificar con el zip original que publicaste, por si se mantiene alguna modificación de las que haya realizado.

Un saludo

Edito: efectivamente, provienen de tener esa línea fuera de sitio.

Nathan_1979 · #19 (**permalink**) 04/08/2009, 13:13

Si no se edita lo que postee dudo que se vea correctamente...

Tan seguro cómo lo que he visto en el ZIP.

kseso? · #20 (**permalink**) 04/08/2009, 13:19

Cita:

Iniciado por Nathan_1979

Si no se edita lo que postee dudo que se vea correctamente...

Tan seguro cómo lo que he visto en el ZIP.

Nathan, no dudes tanto, símplemente, en el html deja como primero de todo (nada antes de él) la declaración del doctype, borrando lo que hay como inico:

Cita:

<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="http://www.w3.org/StyleSheets/TR/W3C-WD.css" type="text/css"?>

y se evitan esos problemas.

Un saludo

Nathan_1979 · #21 (**permalink**) 04/08/2009, 13:29

Kseso, acabo de bajarme por tercera vez el ZIP

Lo he comprobado, y efectivamente funcionaba a la primera.

Mis disculpas.

Lo que no entiendo es por que cuando lo estado modificando he llegado arreglarlo ( mira, os he subido una imágen y todo ).

Lo dicho, mis disculpas de nuevo. Cosas que se aprenden : )

Mikmoro · #22 (**permalink**) 04/08/2009, 15:03

Cita:

Iniciado por kseso?

¿Y sabes de donde provienen esos malfuncionamientos, Dragón?
Del inicio de tu html.
En vez de tener como primera línea de todo
tienes

<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="http://www.w3.org/StyleSheets/TR/W3C-WD.css" type="text/css"?>

Nuevamente, ruso.

DragonX · #23 (**permalink**) 05/08/2009, 06:35

kseso?, Nathan_1979 Mil millón gracias por la onda que le pusieron y las ganas!!!!

Mikmoro no te imaginas lo que me hiciste reir!!!!!

Cita:

Nuevamente, ruso.

me hiciste acordar a cuando mi mamá me decís "otra vez Ruso!, no aprendes más".....jajajajajaa

Pero bien, asunto arreglado, ahora la verdad no se que merda de herrmaienta utiliza mi cliente queme envia los HTML quele genera con esa línea rara de código

Cita:

<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="http://www.w3.org/StyleSheets/TR/W3C-WD.css" type="text/css"?>

ahora estamos viendo que pasa si la sacamos, tal vez no anda más....gracias a todos!

Mikmoro · #24 (**permalink**) 05/08/2009, 06:57

Te lo decía por la otra consulta de hace muy poco que te dije que se resolvía de la misma manera, dijiste que no y repliqué que sí, pero al final no contestaste.

Y sí, no sé que herramienta será porque la primera declaración de XML vale, ¿pero la segunda? ¿es XSLT? ni idea.

DragonX · #25 (**permalink**) 05/08/2009, 07:43

Cita:

Iniciado por Mikmoro

Te lo decía por la otra consulta de hace muy poco que te dije que se resolvía de la misma manera, dijiste que no y repliqué que sí, pero al final no contestaste.

Te pido mil disculpas, seguramente se me pasó.

Utilizan blueprint la verdad no lo conozco, pero me dieron un modulo para estilar con un HTML ya generado, por lo cula no podia tocar el HTML y solo una hoja de estilos llamada custom.css...... me imagino que esto debe ser algo tipo theme de wordpress donde solo podes tocar el CSS....

Gracias de nuevo, abrazo de gol!

kseso? · #26 (**permalink**) 05/08/2009, 08:06

Nada Dragón, todo un reto

Si esa línea la necesitas, ponla después del doctype.

Y Mik, si es la segunda, tú que tienes más confianza y le recuerdas a mamá, dale la colleja

DragonX · #27 (**permalink**) 05/08/2009, 08:16

Cita:

Iniciado por kseso?

Y Mik, si es la segunda, tú que tienes más confianza y le recuerdas a mamá, dale la colleja

No se que es la colleja pero me gustó el termino

Nathan_1979 · #28 (**permalink**) 05/08/2009, 08:19

http://es.wikipedia.org/wiki/Colleja

Mikmoro · #29 (**permalink**) 05/08/2009, 09:10

La colleja es el golpecillo que se da a un chaval en la parte de atrás del cuello, para que aprenda (suele ir acompañada de un "venga, tira para casa"). Es muy suave, mucho más humillante que dolorosa. Seguro que es la que te daba tu madre cuando te decía esa frase

DragonX · #30 (**permalink**) 05/08/2009, 10:04

Cita:

Iniciado por Nathan_1979

http://es.wikipedia.org/wiki/Colleja

Cita:

Iniciado por Mikmoro

La colleja es el golpecillo que se da a un chaval en la parte de atrás del cuello, para que aprenda (suele ir acompañada de un "venga, tira para casa"). Es muy suave, mucho más humillante que dolorosa. Seguro que es la que te daba tu madre cuando te decía esa frase

jajajajajaaj aca le decimos "correctivo"