DIVs vs. Tables
Down for Maintenance
Custom Error Pages
Escaping query strings
Google App testing
Avoid AS Statics
Floating DIV layouts instead of Tables
One strategy for formatting with DIV tags is to float DIV blocks up against eachother and use DIV blocks inside of DIV blocks to get the divisions you want. This strategy is demonstrated in this article.
This strategy for using DIV tags to layout your page is very simple and can be altered a few different ways. I tend to use "float" because I feel assured blocks are being flushed up against eachother. In the examples that follow, I will show examples inside a "mini" web page that will have a double border. Like so:IMPORTANT: FONT-SIZE only needs to be 0pt for tiny boxes like in these examples. For larger boxes you can use the appropriate font sizes
And that is all there is to DIV layouts if you follow these rules:
- Your web page is a rectangle with 4 straight sides
- DIV block making up your layout must not have any empty space between them anywhere on the web page
- Create smaller divisions and "even things up" but putting smaller blocks inside larger enclosing blocks
See the example below. Notice the jagged boxes in the center area. These are all in an enclosing block that allows for the lining up of the page sans empty spaces. View the source code too see this. When you view the source search for the phrase "LOOK HERE" to jump right down to it.
Did you find this article userful for your website?
If so, why not provide a link to it? Just copy the following to your web page: