Hola!
Muchas gracias por la rápida respuesta.
He aplicado el código a ambos archivos y luego también apliqué el list-style: none para quitar los puntitos de la lista. No lo he probado en la pantalla "normal" a 1024x768 pero seguro que funciona bien, pero a mí, con la "widescreen" a 1280x800 se me siguen apilando las imágenes a la izquierda del todo, aunque perfectamente alineadas.
En la prueba que hice, anterior a tu solución, las tenía todas dentro de un contenedor de 1024 de ancho y centré el contenedor y se ve igual que en un monitor normal y centrado -claro- pero bueno, el fondo se expande hasta los límites de la pantalla como debe pero las imágenes están centradas, con lo que quedan unos 140 píxeles de cada lado sin usar: un poco feo. Lo que yo quiero es que en una "ws" las imágenes se espacien un poco entre sí para que queden distribuidas con cierta homogeneidad y cuando las vea un usuario con monitor "normal" se junten hacia el centro... No sé si me explico.
A ver si se te/os ocurre algo?
Muchas gracias!
PD.: Evolución y capacidad de adaptación: como no tengo mucha capacidad de síntesis he aprendido a escribir muy rápido, por lo que los tostones no me cuestan nada ;)
Edito: Este es el código de mi modelo anterior, que se ve igual de centrado en "ws" que en "normal":
Cita:
Iniciado por HTML <body>
<div id="hauptbilder">
<div class="bildbox"><img src="bilder/a01.jpg"</div>
<div class="bildbox"><img src="bilder/a03.jpg"</div>
<div class="bildbox"><img src="bilder/a04.jpg"</div>
<div class="bildbox"><img src="bilder/a02.jpg"</div>
</div>
</body>
Cita:
Iniciado por CSS body {
background-color: #401300;
}
#hauptbilder {
margin: 0 auto;
width: 1024px;
height: 250px;
}
.bildbox {
float: left;
margin: 0;
padding: 5.5% 0 0 0.5%;
}