Các cách dựng layout cho trang???

ý bạn là viết ra như vậy à?
<div class="content" style="width: 100%; height: auto">
<div id="content-1" style="z-index: 1; width: 100%; height: auto">
</div>
<div id="content-2" style="z-index: 2; width: 100%; height: auto">
</div>
<div id="content-3" style="z-index: 3; width: 100%; height: auto">
</div>
<div id="content-4" style="z-index: 4; width: 100%; height: auto">
</div>
<div id="content-5" style="z-index: 5; width: 100%; height: auto">
</div>
</div>

Mình không hiểu rõ... nội dung và tiêu đề của bạn không liên quan gì với nhau.
Mình là dân làm layout nghiệp dư, có chút ý kiến chia sẽ với bạn.
Để tạo layout web thì chỉ cần làm...
1- Sử dụng Photoshop phác thảo lên layout mình muốn.
2- Mở notepad++ bắt đầu code HTML trước, sau là tới CSS.
(riêng mình là dân lập trình nên mình sử dụng Visual Studio 2012, nó có gợi nhắc các lệnh HTML và CSS, giúp mình thao tác nhanh hơn, trên internet có rất nhiều ch.trình có chức năng này)
3- Test với các trình duyệt phổ biển như IE, Firefox, Chrome. Nếu bạn nhiều kinh nghiệm có thể làm website tương thích với mobile và tablet, các kich thước màn hình khác nhau - Web Response.

Bước phác thảo layout = photoshop rất có lợi, không nên làm sơ sài.
- Trình bày với khách hàng qua hình ảnh và dễ dàng chỉnh sửa nhanh chóng trước khi bắt đầu vào code HTML & CSS
- Photoshop đã có đầy đủ các thông số như thông số màu, đo được chi tiết từng pixel, cho bạn cái nhìn tổng thể sản phẩm của mình và giúp bạn chính xác đến từng pixel khi chuyển qua HTML và CSS cho đúng với bản thiết kế.

P/S: Mình chuyên code bên ASP.Net & ASP.Net MVC 4, SQL... mong muốn kết hợp với các bạn chuyên về layout web để làm ra những sản phẩm hoàn chỉnh và chất lượng. Liên hệ với mình qua inbox ở diễn đàn nhé