Duda para aprender a maquetar con html5

[toledo_nocturno]

Hola a todos.

Os escribo para haceros una consulta, para aprender a formatear de manera adecuada una parte de una página web.

El caso es que nunca he sabido maquetar correctamente en estándares anteriores y siempre he usado templates ya hechos y he adaptado la información al modo en el que se presentaba en cada template. Pero por necesidades de una aplicación concreta, necesito que una parte de la info se muestre en tal como la imagen que pongo a continuación:



Uploaded with [URL=http://imageshack.us]ImageShack.us[/URL]

Y más o menos tengo claro cómo hacerlo asignando asides y divs para dar forma. El problema para mi está en que:
a) la zona que pone "zona info 3" debe tener una barra de scroll que no extienda las otras partes.
b) El propio estilo del scroll... ¿Puede ser modificado?

No pido tanto una solución directa, sino más bien orientación o referencia a manuales para poder aprenderlo por mí mismo.

De antemano, muchas gracias, y un saludo

[daPhyre]

Para hacer un diseño así, necesitarías cajas dentro de cajas en varios niveles. Puede bien hacerse con divs, pero si usarás html5, es recomendable usar la etiqueta que mejor corresponda a lo que deseas hacer, posiblemente articles a las Zona info (O si es un solo artículo, meter todo en un article y subdividirlo son sections o divs), los botones podrían ser aside o footer, dependiendo del contexto como lo uses.

Sobre las cajas, podrías ponerlas en este diseño:

-cabecera
-contenedor
--zonaInfo1
--areaDerecha
---zonaInfo2
---zonaInfo3
---botones1
-botones2

Usar float:left para areaDerecha y zonaInfo3, y clear:both para las áreas de los botones. Eso haría que logres más o menos el diseño que deseas hacer ahí. Si tienes dudas mas específicas en el desarrollo de tu maquetación, puedes preguntar y con gusto buscaremos ayudarte. Suerte

[cadid]

Para el scroll puedes usar algun plugin de jquery que lo permita modificar y darle estilo

uno muy muy bueno es nicescroll, para ello necesitaras jquery y nicescroll

[URL="https://github.com/inuyaksa/jquery.nicescroll"]https://github.com/inuyaksa/jquery.nicescroll[/URL]

En referencia a la maquetacion, lo de las cajas y tal, depende del contenido que le daras a cada cosa, piensa en usar <nav> , <section> <aside> pero ya te digo, dependera siempre del contenido