Varios problemas con mi web.

[aguila_393]

Hola compañeros, estoy teniendo varios problemas con una web que estoy haciendo.
La web la pueden ver aca:
http://www.inetsxd.com.ar/pps/

En principio el problema es que el tamaño de la web es de 1000px por lo que deberia ocupar toda la pantalla en resolucion 1024x768 pero segun me enviaron algunos screen se ve mas chica, viendose el fondo blanco en ambos costados.

Y el otro problema es el segundo cuadro de recomendamos, que en Firefox se ve bien, pero no logro entender porque en Chrome se ve con el cuadro de contenido una linea debajo.


Los siguientes problemas son sobre el mismo documento, agregue varios contenidos y fijense como se deforma todo:
http://powerpoints.admaz.com.ar/

Las descripciones del cuadro principal se superponen sobre las fotos, y el diseño de cada item se deforma, moviendose las barraras que separan hacia la izquierda.

Y lo otro que sucede es que el fondo gris de la web no se adapta al tamaño, pero no tiene definido una altura especifica como para que haga eso.


Disculpen por tantas preguntas pero es que no logro solucionar esas cosas.

Gracias.

[sanxuan]

La primera pregunta no tiene respuesta. No hay ancho de pantalla válido para todos los navegadores en todos los sistemas operativos para una resolución dada. Sin tener en cuenta el que la barra derecha de desplazamiento puede o no aparecer, cada navegador la muestra distinta. IE me deja una barra de 19px que se convierten en 17px en Chrome y Firefox. Si no te gusta el color blanco se lo puedes cambiar por otro que se parezca más a la barra de desplazamiento.
Respecto a la segunda, decirte que no se descoloca nada. Los elementos aparecen donde tú les has dicho que aparezcan. El acertar usando posiciones flotantes cuando los elementos ocupan más de una línea requiere práctica. Si no quieres perder tiempo, resulta más acertado incluir en un div la imagen, el título, que yo incluiría en una de las etiquetas <h> reservadas para los encabezados, el párrafo y las estrellas. A este div le das un ancho fijo y los otros enlaces flotarían bien a izquierda de éste o casi mejor a derecha de la página.
La tercera pregunta es culpa de un despiste. En div#main usas la siguiente propiedad:
url("../images/todoweb_bg.png") repeat-x scroll 0 0 transparent
Una imagen tan grande es innecesaria cuando usas colores planos, bastaría con que tuviese 1x1px en lugar de 1x1237px. Como has declarado que se repita sólo en horizontal, no cubre más que hasta el alto de la imagen. Usa repeat en lugar de repeat-x.

[aguila_393]

Iniciado por sanxuan

La primera pregunta no tiene respuesta. No hay ancho de pantalla válido para todos los navegadores en todos los sistemas operativos para una resolución dada. Sin tener en cuenta el que la barra derecha de desplazamiento puede o no aparecer, cada navegador la muestra distinta. IE me deja una barra de 19px que se convierten en 17px en Chrome y Firefox. Si no te gusta el color blanco se lo puedes cambiar por otro que se parezca más a la barra de desplazamiento.
Respecto a la segunda, decirte que no se descoloca nada. Los elementos aparecen donde tú les has dicho que aparezcan. El acertar usando posiciones flotantes cuando los elementos ocupan más de una línea requiere práctica. Si no quieres perder tiempo, resulta más acertado incluir en un div la imagen, el título, que yo incluiría en una de las etiquetas <h> reservadas para los encabezados, el párrafo y las estrellas. A este div le das un ancho fijo y los otros enlaces flotarían bien a izquierda de éste o casi mejor a derecha de la página.
La tercera pregunta es culpa de un despiste. En div#main usas la siguiente propiedad:
url("../images/todoweb_bg.png") repeat-x scroll 0 0 transparent
Una imagen tan grande es innecesaria cuando usas colores planos, bastaría con que tuviese 1x1px en lugar de 1x1237px. Como has declarado que se repita sólo en horizontal, no cubre más que hasta el alto de la imagen. Usa repeat en lugar de repeat-x.

Gracias por revisar el sitio, ya pude arreglar un par de cosas, lo que todavia no me queda claro es porque los textos del contenido se montan sobre la imagen, estan ambos con float left y le di a descargar y enviar un float right, pero se desordenan, podes revisar denuevo el ultimo link que envie que es donde estoy haciendo las modificaciones.

[aguila_393]

Ya esta solucionado, era un problema de margenes.

[sanxuan]

Prueba a eliminar position:left del texto y las estrellas y deja un margen derecho en la imagen. Creo que mejorará.
Puede dar problemas si el párrafo es más grande de lo debido. Tenlo en cuenta.
El resto, como dices, es cuestión de márgenes.