Problemas Con Tablaturas

dieav · #1 (**permalink**) 12/02/2009, 20:25

Hola a todos, es mi primer post, es que en realidad necesito solucionar esto, para que no se siga viendo mal u.u

bueno mi problema es que en mi sitio web, la tablatura de mi sitio se alarga incorrectamente, porque no lo tendría que hacer, y cuando se estira de ancho deja un lugar libre.
Este problema solo lo tengo en IE no en firefox y en IE cuando pongo F11 y luego vuevo a apretar queda bien.

Si saben de algo por favor diganme.
El sitio web es: avril-rock.com/home.php

Gracias por todo, espero su respuesta!

(perdonen si ya se ha escrito este tema, si es asi díganme la solución, grax!)

Triby · #2 (**permalink**) 12/02/2009, 21:06

1- Estas usando codigos no estandar (como colorear las barras de desplazamiento)

2- Porque bloqueas el uso del boton derecho del mouse? si alguien quiere algo de tu web, lo va a conseguir a pesar de eso... pero, habemos quienes usamos el boton para otras cosas, como abrir enlaces en pestañas nuevas o ver el codigo fuente para tratar de ayudar.
3- Tienes muchos errores en el codigo y no pasa el validador de w3c.org

dieav · #3 (**permalink**) 12/02/2009, 21:13

pero sabes cual es la causa de que no se cargue bien?
porq en Firefox lo hace bien y carga la pagina dentro de la tabla,
en cambio IE primero la carga con la tabla muy ancha y se olvida de ponerla bien.

Y cuando apretas F11 se ve como se tendria que ver..
no se que hacer.. :S

dieav · #4 (**permalink**) 12/02/2009, 21:16

y como arreglo esos errores que me decis? no se como hacer, porque no entiendo en la mayoria, que esta mal :S

Triby · #5 (**permalink**) 12/02/2009, 21:20

1- Para que declaras un doctype en tu html si no te vas a apegar a los estandares que elegiste?
2- De acuerdo a ese doctype, los navegadores trataran de interpretar tu codigo y "armar la pagina" para mostrarla al visitante
3- IE ya sabemos que es muy malo con codigos estandar, imaginate lo que puede hacer con codigos no estandar y que no sean creados especificamente para IE como eso de colorear las barras de desplazamiento.

Solucion: Primero haz que tu codigo cumpla con los estandares que especificas en el doctype (XHTML 1.0 Transitional) y, si aun tienes problemas, sera mucho mas facil corregirlos y que se vea bien practicamente en cualquier navegador.

dieav · #6 (**permalink**) 12/02/2009, 21:24

es que yo aprendí todo solo :S y hay cosas que no se, o no entiendo como por ejemplo: "doctype (XHTML 1.0 Transitional)" a que te referis? hay cosas en mi sitio que estan, pero tal vez no las entienda bien o esté equivocado.

dieav · #7 (**permalink**) 12/02/2009, 21:36

y como me doy cuenta si cumple o no con los estandares de doctype (XHTML 1.0 Transitional)?
como los arreglo? Hay alguna forma que lo haga automaticamente?

por ejemplo me he fijado en ese link que me acabas de pasar, y veo que casi todo esta mal :S

pero no entiendo el motivo como "<META NAME="DESCRIPTION" CONTENT="Sitio dedicado a Avril Lavigne, incluye notici" eso esta mal esas comillas :|

no entiendo nada :|

Triby · #8 (**permalink**) 12/02/2009, 21:39

Revisa el codigo fuente de la pagina y veras que la primera linea declara que vas a usar ese doctype. Como llego ahi? como dices, lo pusiste sin entenderlo, pero ahora viene lo mas dificil de aprender, que segun el tipo de documento que declares es la codificacion XHTML que vas a usar en toda tu pagina.

Haz click en el vinculo que te puse del validador w3c.org y empieza a corregir los errores que te marca, los principales van a ser:

- Todas las etiquetas y sus atributos deben escribirse en minusculas:
------ MAL: <META NAME="keywords" CONTENT="palabras clave" />
------ BIEN: <meta name="keywords" content="palabras clave" />

- Todos los valores de atributos deben estar entre comillas:
------ MAL: <meta name=keywords content="palabras clave" />
------ BIEN: <meta name="keywords" content="palabras clave" />

- Todas las etiquetas usadas deben tener apertura y cierre, por ejemplo:
<div></div>

- Las etiquetas que no tienen cierre deben cerrarse en si mismas, agregando un espacio y una diagonal al final:
<meta name="author" content="yo" />
<img src="mi_imagen.jpg" alt="una imagen" />
 
<hr />

- Las definiciones de estilos deben estar siempre entre las etiquetas <head> y </head>

- Algunos atributos que estas usando ya no son permitidos como background="imagen.jpg", width="800", height="60"... para eso se creo CSS, para asignar todas esas propiedades.

- Algunas etiquetas ya no son validas:
 - Reemplazadas por 
 - Reemplazadas por 

Creo que en www.librosweb.es hay un manual de XHTML y otro de CSS.

dieav · #9 (**permalink**) 12/02/2009, 21:44

:|
wow me quede re sorprendido!

Gracias no sabia que eso podía causar errores, pensaba que podían usarse mayusculas.. y emm.. eso de height y width, en las tablas no se pueden usar?
y como pongo el ancho y el largo :|

Triby · #10 (**permalink**) 13/02/2009, 01:20

CSS Para principiantes, Capitulo 3, Seccion 3.1: Unidades de medida

dieav · #11 (**permalink**) 13/02/2009, 13:50

ya no se qe hacer me esta volviendo loco,
los errores siguen, pero no se si es eso :S

no se que tiene :S

en sima en firefox se ve bien u.u

jomaruro · #12 (**permalink**) 14/02/2009, 09:21

Hola:

Tómate un par de ratos de descanso y haz caso de lo que te ha dicho Triby, en uno te lees este libro sobre XHTML y en el otro le e chas una ojeada a este otro libro.

¿Ok?

Saludos.

dieav · #13 (**permalink**) 20/02/2009, 20:29

gracias por todo :)

Triby · #14 (**permalink**) 21/02/2009, 01:51

Mikmoro creo una guia que tal vez pueda interesarte:

- http://www.forosdelweb.com/f53/aport...ml-css-648073/
- http://www.forosdelweb.com/f53/aport...rte-ii-657814/