Giúp đỡ giải quyết bài toán này với css

[hc1305]

hi! cái này mình dùng 1 div là xào được! đơn giản với 1 div #wrapper. Cái này có thể dùng hình hay css3 cũng được. nói nhiều không bằng làm. Demo cho bạn: http://colorful-design.net/demo/demo_test/

[1024KB]

hi! cái này mình dùng 1 div là xào được! đơn giản với 1 div #wrapper. Cái này có thể dùng hình hay css3 cũng được. nói nhiều không bằng làm. Demo cho bạn: http://colorful-design.net/demo/demo_test/

Fixed Width thì sao mà được.

[hc1305]

Fixed Width thì sao mà được.

cái with bạn nói là cố định thì sao mà không được. Mình có demo sẵn rồi, nếu không được sao mà nó vẫn chạy

[jdkhang]

Với CSS3 thì vấn đề này cực kỳ đơn giản. Nhưng khổ, các browser hỗ trợ CSS3 lại không nhiều, mà khách hàng ko phải ai cũng dùng browser có hỗ trợ CSS3.

Nên phải làm với CSS2, dùng div lồng vào nhau thôi.

@hc1305: Đang bàn đến việc layout kiểu Fluid. Width lúc này là dynamic

[honnhienh]

http://jorkas.com/lab/css/liquid_layout/canvas.html

cái này đọc nó lâu lắm rùi. các bác coi thử coi

[1024KB]

http://jorkas.com/lab/css/liquid_layout/canvas.html

cái này đọc nó lâu lắm rùi. các bác coi thử coi

Đọc lại yêu cầu của Chủ thớt nhé.

[NghichCuTy]

Bất cứ một web nào cũng có 3 phần chính là Header, MainContent, và Footer
như vậy cho thằng Wrapper một cái backgroud là left còn 3 thằng trên kia cho backgroud là right là OK

<div id="wrapper">
<div id="header"></div>
<div id="mainContent"></div>
<div id="footer"></div>
</div>

#wrapper{background:url(boder-left.gif) repeat-y left top;}
#header{background:url(boder-right.gif) repeat-y right top;}
#mainContent{background:url(boder-right.gif) repeat-y right top;}
#footer{background:url(boder-right.gif) repeat-y right top;}