Foros del Web » Creando para Internet » HTML »

Chrome cierra etiqueta <div>

Estas en el tema de Chrome cierra etiqueta <div> en el foro de HTML en Foros del Web. 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. ...
  #1 (permalink)  
Antiguo 20/01/2011, 22:24
Avatar de okdek88  
Fecha de Ingreso: julio-2009
Mensajes: 22
Antigüedad: 8 años, 4 meses
Puntos: 0
Chrome cierra etiqueta <div>

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...
  #2 (permalink)  
Antiguo 21/01/2011, 02:16
Avatar de iwexcoder  
Fecha de Ingreso: mayo-2009
Ubicación: San Carlos de Bariloche
Mensajes: 404
Antigüedad: 8 años, 6 meses
Puntos: 16
Respuesta: Chrome cierra etiqueta <div>

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...
__________________
iWexCoder.com - Programación - Desarrollo Movil - Programación Web www.iwexcoder.com
  #3 (permalink)  
Antiguo 21/01/2011, 11:21
Avatar de okdek88  
Fecha de Ingreso: julio-2009
Mensajes: 22
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Chrome cierra etiqueta <div>

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?
  #4 (permalink)  
Antiguo 21/01/2011, 16:38
Avatar de Kurozaki  
Fecha de Ingreso: diciembre-2010
Ubicación: Con mi Zanpakutou (Colima, MEX).
Mensajes: 175
Antigüedad: 7 años
Puntos: 9
Respuesta: Chrome cierra etiqueta <div>

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 ¬¬
  #5 (permalink)  
Antiguo 22/01/2011, 19:50
Avatar de okdek88  
Fecha de Ingreso: julio-2009
Mensajes: 22
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Chrome cierra etiqueta <div>

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!
  #6 (permalink)  
Antiguo 22/01/2011, 21:13
Avatar de Kurozaki  
Fecha de Ingreso: diciembre-2010
Ubicación: Con mi Zanpakutou (Colima, MEX).
Mensajes: 175
Antigüedad: 7 años
Puntos: 9
Respuesta: Chrome cierra etiqueta <div>

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
  1. <head><title>Sombras</title>
  2. <style type="text/css">
  3. html, body {text-align:center;}
  4.  
  5. #cuadro {
  6. width:100px;
  7. height:100px;
  8. background:#00F;
  9. border: 1px solid #000;
  10. border-bottom: 0px;
  11. -moz-box-shadow: 0px 2px 2px 2px black;
  12. }
  13.  
  14. #cuadro2 {
  15. width:100px;
  16. height:100px;
  17. background:#00F;
  18. border: 1px solid #000;
  19. border-top:0px;
  20. -moz-box-shadow: 0px 5px 2px 2px black;
  21. }
  22.  
  23.  
  24.  
  25. <div id="cuadro">
  26. Hola
  27. </div>
  28. <div id="cuadro2">
  29. Hola2
  30. </div>
  31.  
  32. </body>
  33. </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
__________________
Diseñador y Desarrollador web :)
  #7 (permalink)  
Antiguo 26/01/2011, 13:45
Avatar de okdek88  
Fecha de Ingreso: julio-2009
Mensajes: 22
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Chrome cierra etiqueta <div>

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!

Etiquetas: chrome, cierra, etiquetas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:54.