¿Algún fallo en el css? ¿Algo que mejorar?

[kiM-]

Bueno, ante todo buenas noches, posteo aquí porque acabo de maquetar una web con divs hace nada y bueno creo que tiene bastantes errores y cosas que mejorar (cómo reducir css o usar menos tablas en determinados sitios, los cuáles no sé). A continuación os dejo el link:

http://www.mecacity.es/mcity/ (y aquí el css directo: http://www.mecacity.es/mcity/css.css)

Lo cierto es que también me gustaría saber cómo hacer para por ejemplo si un div mide 2000px y solo quiero que se muestre hasta el ancho completo del navegador (lo justo), sin que sea colocando el tamaño al 100% ya que así en resolucionees maayores el diseño se estire y se ve mal.

Saludos y gracias de antemano!

[ArturoGallegos]

hola amigo, creo que tu principal problema va estar en que tu head y footer no tienen un background simétrico (que se pueda repetir)... por lo que en las pantallas de mas de 1050px se ve un vació muy feo a la derecha.

deberíascolocarlo en un contenedor y centrado para evitar que se vea ese vació solo a la derecha, si lo centras se vera un vació a ambos lados y no se vería mal.

en cuanto a reducir código esta el como colocas los tipos de letra y los fondos, por ejemplo...

tu usas para el fondo

background-image: url(images/logo.png);
background-repeat: no-repeat;

lo puedes colocar como

background: url(images/logo.png) no-repeat;

para el tipo de letra usas

font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 12px;
font-weight: bold;

lo puedes usar como

font:700 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

[kiM-]

Vaya muchas gracias, osea debería acortar caracteres, no?

Y para simplificar mi duda, te pongo un ejemplo: SUpongo que hago un div que supere en ancho el mismo ancho del navegador en 1024, hay alguna forma de cortar lo que sobre del ancho para que se quede en la medida justa del ancho de navegador? es decir lo que sobre del div ocultarlo o hacer que desaparezca :\

Saludos y gracias!

[ArturoGallegos]

no comprendí tu suposición...

y si, algo que le puedes mejorar a tu css es ahorrar código usado métodos abreviados.... y se me olvido mencionar en cuanto a los errores solo tienes 1

.menu_text ul li {
width: 229;
background-image: url(images/seta_img.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
padding-bottom: 2px;
}

229 ?¿ que? px, em, pt... o que? debes especificar un sistema de medida no puedes dejarlo así

[kiM-]

Oh, vaya, cierto.. ese error..

Un ejemplo más simple:

Uso 1024x768 y supon que hago un div de 1500px de ancho, como es obvio no cabrá en el ancho de la web y esta creará un scrollbar en la parte de abajo, bien pués lo que yo quiero es que no haya ni scrollbar y que toda la parte que se sale del ancho fijo desaparezca, que solo se muestre la que ves, como si pusieses un acho de 100% pero sin ponerlo, no sé si me he explicado..

Saludos y gracias!

[ArturoGallegos]

no veo razón para colocar un div de 1500px pero tu solución estaría en usar un div con min-width y max-width en lugar de width (no soportado por IE6)

pero ami juicio bastaría con colocar un div contenedor con ancho de 1024px y centrarlo

[kiM-]

min y max width? No sé que es :\

Pero de todas formas si pongo 1024px con la barra de desplazamiento lateral se verá mal ya que hará que aparezca la barra de desplazamiento de abajo :\ no hay otra solución?