Chrome cierra etiqueta <div>

okdek88 · #1 (**permalink**) 20/01/2011, 22:24

A ver, estoy un poco confuso, a ver si podeis ayudarme:

Tengo una web en wordpress, y el index.php llama al header.php y al footer.php. El header.php tiene un contenedor, pero este no se cierra en ese documento.
Luego, en el footer.php, hay un elemento, y despues de este, se cierra el contenedor.
En firefox me sale perfecto, se ve el contenedor, y el elemento abajo. Pero en chrome, me cierra el contenedor con un </div> que yo no he escrito, dejandome el elemento fuera.

El caso es que no puedo poner ese elemento en el header.php.

Alguna solución?
Si no entendieron algo lo puedo intentar explicar mejor...

iwexcoder · #2 (**permalink**) 21/01/2011, 02:16

o sea...en el header.php inicias la capa "contenedora", en el footer.pho la cierras, y antes de cerrar tienes un elemento...lo ves bien en FF y no en Chrome...porque no pones la url de la web asi la vemos...

okdek88 · #3 (**permalink**) 21/01/2011, 11:21

Prefiero no poner el enlace por ahora, perdona.
He instalado wordpress en local, y he copiado todo el theme y lo demás, está exactamente igual, pero en local funciona perfecto. No entiendo donde puede estar el fallo, si son los mismos archivos...

En local hace lo que en firefox, cierra el contenedor donde yo se lo digo. IE se comporta igual que chrome, por cierto.

Alguna idea de qué pasa?

Kurozaki · #4 (**permalink**) 21/01/2011, 16:38

si mal no estoy, entiendo que tienes algo asi, por ejemplo:

INICIA DIV <DIV> en HEADER

---CONTENIDO

CIERRAS DIV </DIV> en FOOTER

________________________________

pero, y que es lo que haces con este div???

Una solucion es que Puedes poner dos divs.

<div></div> en el HEADER
<div></div> en el FOOTER

y conseguir el mismo resultado dandole los estilos apropiados con CSS.

Aunque no se exactamente que... Ya que no has querido poner tu link ¬¬

okdek88 · #5 (**permalink**) 22/01/2011, 19:50

Muchas gracias Kurozaki, lo he solucionado cómo me has dicho.. mira que me comí el tarro y no se me ocurrio. Muy buena, muchas gracias! No queda del todo bien, porque el contenedor tiene sombras con css, y quedan un poco cortadas, pero mejor eso que nada.

Un saludo!

Kurozaki · #6 (**permalink**) 22/01/2011, 21:13

Tiene sombras??

Hay que ser astutos :)
Te dejo este codigo, y veelo, e intenta modificar las propiedades de la sombra (solo firefox)
Hasta obtener los resultados que quieras.

Mientras vee el ejemplo como te lo dejo yo, vee el codigo tal y como esta:

Código HTML:

Ver original<html>
<head><title>Sombras</title>
<style type="text/css">
html, body {text-align:center;}
 
#cuadro {
width:100px;
height:100px;
background:#00F;
border: 1px solid #000;
border-bottom: 0px;
-moz-box-shadow: 0px 2px 2px 2px black;
}
 
#cuadro2 {
width:100px;
height:100px;
background:#00F;
border: 1px solid #000;
border-top:0px;
-moz-box-shadow: 0px 5px 2px 2px black;
}
 
 
</style>
</head><body>
 
<div id="cuadro">
Hola
</div>
<div id="cuadro2">
Hola2
</div>
 
</body>
</html>

P.D: son dos div`s con sombras, pero parece que fueran solo uno.
dandoles border y quitandoles el superior y al otro el inferior, y uniendolos, y las sombras jugando con los valores, obtuve este resultado :)

Saludos

okdek88 · #7 (**permalink**) 26/01/2011, 13:45

Gracias otra vez Kurozaki, lo siento por tardar en contestarte. Te debo una cerveza, eh?

El tema es que tengo la sombra más difuminada, entonces sí que se corta un poco, sobre todo en chrome, pero voy a dejarlo estar, no se nota tanto..

Un saludo!