Mi Pagina se ve mal en el Mozilla y en el Opera! que hago!?

Hola nesecito una solucion:
mi pagina: http://www.artenovo.com.ar se ve mal en el mozilla y el opera...sobre todo las imagenes de arriba, la barra de navegación superios y el desplegable!.
En el explorer se ve muy bien!.
Me gustaria que se vea bien en todos los navegadores, que puedo hacer?

Repite el curso paso a paso ^^

si se ve mal es porque lo unico que hiciste fue copiar y pegar y aprender nada :(

Hola:

Se ve descuadrada porque la cabecera sólo tiene 85px de altura (height) y la fotos tienen 150, 130 y 110 pixeles, más la altura del logo que no vi cuál era.... (eso inicialmente);

Debe dar suficiente altura a la cabecera y dejar px adicionales si tiene "margin" y "padding".

Un amigo desde Colombia

ok, gracias!
ahi le di 170 px a la cabecera y 100 al pie..
Ahi se ve mejor..? que me faltaria?
Agradesco muchisimo tu ayuda!!

Hola! hice todo paso a paso...
hay veces q aprendo lento.. y no me doy cuenta de algunas cosas, si me puedes dar una mano, me seria de gran ayuda...
Ahi sume px a la cabecera y el pie... me faltaria algo mas?
El problema es que yo solo tengo explorer y al hacerlo aquí esos problemas no surgian... Se veia muy bien...
Gracias y saludos!

Hola si quieres que critiquen tu web ponla en la seccion criticamos tu web :wink:


La web tiene colores muy brillantes me estan dejando ciego... pero en firefox sige viendose mal la web las imagenes se bajan un poco y el menu de navegacion se descuadra por completo tal vez si centras las imagenes o les reduces el tamaño

Ahi me baje el firebox...
Tengo mas problemas que la presidenta Argentina con el campo!
Che se ve terrible!
AYUDA!!!
Ahi basicamente arrigle la cabecera..
Como hago para sacarle los puntos eso?
Como hago para que el "Contenido" se adapte automaticamente a la cantidad de texto o imagenes?

vaya pues tienes que averiguarlo estudiar tus codigos y medidas...

no se de que puntitos hablas y veo el contenido bien adaptado :wink:

Los puntitos los logre sacar era facil...
ahora tengo una separación entre el contenido y la barra de navegacion que no me acuerdo como se sacaba...??
desde la hoja de estilo.. le puedo poner un codigo para que adapte automaticamente el tamaño?

Si puedes ajustar tu tamaño en la hoja de estilos si no debes tener en tu hoja html algun div fuera de lugar o algo por el estilo

No logro encontrar en error.. porq en Explorer se ve como yo quiero, y en firebox se ve espantoso...
Tengo q lograr q se vea bien el las dos...
En la galeria de fotos se me deforma todo en firebox estan todas superpuestas... y el pie ni se ve... por ejemplo en:
http://www.artenovo.com.ar/florencialopez.html
miralo es terrible! que hago ahi? ves el error?

MALDICION danos tus codigos html y css nos pondremos a revisarlo con unas tacitas de cafe

PD: Se escribe firefox

Bueno:
Volviendo a la cabecera, todavía le falta algo de altura (por ej. 200px) porque los 190px que tiene está afectando a la navegación y le sale en escalera:

#cabecera {background-color: #0000FF ; border-left: black 1px solid ; border-right: black 1px solid ; height: 200px.........}


Lo del contenido, No lo pude entender pues en el "index" se llama <div id="contenido">

Contacto

</div>
<div id="contenido">...

y en "Florencia López" se llama <div id="contenid">

Contacto

</div>
<div id="contenid">...

además, las fotos son muy anchas para una sola línea (redúzcalas)

[contenido no disponible]</div>

Y para finalizar, al
le sobra el (/) si está usando
4.0 Transitional.

P.D. Y puede quitarle al contenido la altura para que quede más movilidad (elimine "height:700px")

P.D. También le falta arreglar esto:

Galeria</div> (le faltan las comillas)

<a class="enlacedos".... (revíselas todas)






Un amigo desde Colombia

Al Fin!!!

EureKa!!!

El error del espacio entre la navegación y el contenido está en el "margin" de la capa "Colecciones":

#Colecciones {margin-top:35px; margin-bottom:25px}

ELIMÍNELO y déjelo así:

#Colecciones {margin-bottom:25px}


Además le recomiendo no utilizar "margin" para separar todo; mejor use "padding" que sólo afecta lo que está dentro de la capa sin mover a las demás
(como es el caso de #publicidad {width:518px ; float: right ; margin-top:10px; margin-bottom:10px ; font-size:10px}..... y otras)


Bueno....Ánimo que seguimos aprendiendo!!!

(Recuerde colocar imágenes más pequeñas en lo de Florencia López y demás)...eso también influye en la carga de la página

Un amigo desde Colombia

GRACIAS!!!!!! ANOCHE CASI NO DORMI! NO SABES COMO ME SALVASTE!
AHI SE VE BIEN EN AMBOS NAVEGADORES!
CORREGI ESOS ERRORES MUCHAS GRACIAS!
Me quedo un pequeño error q no encontre en:
http://www.artenovo.com.ar/artistas.html

Una pequeña separacion como antes en el index, que era ese margin top!, pero aqui no pude encontrarlo..

Igualmente ya se ve!!! y eso me deja mas tranquilo! MUCHAS GRACIAS!
si puedes ver ese error joya!, sino MIL MILLONES DE GRACIAS!!!

Ahora el problema es que la

</p> está arropando al
:





Florencia López: Óleo

Alejandro Todorovich: Tinta China

Ana María Muro: Arte Francés


Zelya Benpos: Arte Francés

Disponible

Disponible

Disponible

Disponible

Disponible

Disponible

Disponible


Disponible

Disponible...
</p>

además le siguen faltando las "COMILLAS" en TODOS los <a class=enlacecuatro (Revise TODOS esos enlaces, desde enalceuno...)

Arregle TODOS los
(
)



Déjelo así como sigue y verá cómo le funciona:

<div id="Casas">




Florencia López: Óleo

Alejandro Todorovich: Tinta China

Ana María Muro: Arte Francés

Zelya Benpos: Arte Francés

Disponible

Disponible

Disponible

Disponible

Disponible

Disponible

Disponible

Disponible

Disponible...
</p></div>









Ánimo!!!

Un amigo desde Colombia

SOS GROSO AMIGO!
GROSO GROSO!
COLOMBIA CAMPEON MUNDIAL QUERIDO!!! GRACIAS!!!
GRACIAS!!! ERA ESO!
SALUDOS Y NO SABES LA SOLUCION QUE ME DISTE!!
GRACIAS GRACIAS!!!

Pero veo que insiste en dejar
cuando eso le va a marcar ERROR al validar la página con 4.0 Transitional...
Mire este enlace:

http://validator.w3.org
escriba la dirección de su página o de cualquier sección


(Aquí le dice que no puede utilizar dos veces una capa con el mismo ID

<div id="Artist"> en la misma hoja.html)...
es mejor llamarla <div class="artist"> para poderla meter varias veces en una misma hoja y en la de estilo-general.css
cambiar
#Artist por .artist (con PUNTO en vez de #)

Un amigo desde Colombia

Esos errores no los puedo ver en mi firebox...
osea la veo perfecta... dime exactamente que hacer q lo cambiare.. en donde se ve mal?
ya cambie los
y agregue las comillas.

No se asuste!!
La página se ve bien en los otros navegadores ...
es sólo para hacerla más profesional corrigiendo errores pequeños para que los navegadores no patinen un poco al leer los códigos;

utilice los enlaces siguentes para irla revisando y aprendiendo sobre normas de accesibilidad de las páginas web pues en un futuro cuando tenga 200 secciones o más no tenga que recitifcar tantas normas; busque en internet

http://validator.w3.org/


http://www.google.com.co/search?hl=es&q=validar+pagina&btnG=Buscar&…


Igual se está viendo BIEN (Es sólo una recomendación)...

Suerte!!

Un amigo desde Colombia

perfecto te comprendi, este valid es espectacular me encuentra los errores!!! joyaaaa!!
MUCHAS GRACIAS! AHI CAMBIE ESO TAMBIEN!
SALUDOS!