Get exclusive CAP network offers from top brands

View CAP Offers

Reply To: This is very exciting.

[bsa_pro_ad_space id=2]
#679093
Anonymous
Inactive
Simmo! wrote:
However the main advantage to DIVs is that you can use “position:absolute” and put important text near the top of the source code even if appears down your physical file. Good for loading relevancyExactly right. The first thing the spider sees with a DIV-based page could be:

Free Online Casinos

This is my page about free online casinos. If you looking for free online casinos, look no further…. etc….

And then at the end of the “content,” you use absolute DIVs to position the navigation, the top header image (if you have one), and anything else that isn’t supposed to be the main focus of the page.

With a table-based layout, the spider will “see” the page exactly as it appears on the screen. So, first it will see the top image/header, then it will see your navigation (assuming it is along the top or on the left side of the page inside a

, then it will see your content… Lastly, it will see the right-hand column (if you have one), and then the footer.

DIVs can be take a while to learn and master, but it’s definitely worth the effort. Changing the appearance of an entire site by tweaking something in the CSS file is pretty handy.

A word of warning, though — if you care about cross-browser compatibility (i.e. if you want your site to look the same in IE and Firefox), then make sure that you constantly view your site in both IE and Firefox as you build the layout of the site. When I designed my first site, I didn’t do this. The site looked great in IE. After I was “finished” with the design, I opened the site in Firefox, and… what a mess. Finding out exactly what was causing the problem took a while. I should have viewed the site in Firefox frequently as I was building and making the DIVs more complex… That way if something went wrong, I would only have to back up a few steps to find the problem.

There are a lot of ready-made DIV-based layouts available online if you don’t want to design your own. Here are a couple sites I have bookmarked:

http://glish.com/css/
http://checkweight.com/layout.html (view the source code)