Forum OpenACS Development: Re: Making OpenACS useful out of the box
I still use tables and I would like to understand how to use div tags to do layout better. Any examples in the openACS CVS yet? Any pointers to good docs?
I've taken the belive that no design should be done in html, only semantic partitioning with divs, all layout work done in css, and we now live in times where this is a practical option. I haven't obtained the neccessary skill, but here are a few resources I'd like to study better, hope you find them useful:
- Netscape DevEdge CSS Central, there are good articles describing the redesign of that website: Netscape DevEdge Redesigns As Standards Showcase and Netscape DevEdge Redesign: CSS
- A Web Designer's Journey and other good stuff at A List Apart, like Taming Lists
- Tutorial: Web Page Reconstruction with CSS
- Box Lessons
- CSS Layout Techniques
- Learning CSS
Like Lars, I've not found a reliable way for horizontal formatting without using tables.
The markup below:
<div style="float: left; width: 50%">foo</div>
<div style="float:right; width: 50%;">bar</div>
does only work for so long when the browser window is wide enough for the whole page, but as soon as the user makes it smaller, the latter div drops down to the end of the page. I'm not a css expert, so if there's a way to avoid this, please enlighten me.