Subversion
Written by: Lorna Jane Mitchell
Featured Refcardz: Top Refcardz:
  1. Git
  2. DNS
  3. Data Mining
  4. Spring Data
  5. Subversion
  1. Spring Data
  2. Subversion
  3. Spring Config.
  4. Spring Annotations
  5. Data Mining

Link Details

Link 113438 thumbnail
User 226998 avatar

By polterguy
via ra-ajax.org
Published: Sep 12 2008 / 11:44

Floating DIV layout is HARD. Here is the best solution for doing it I have seen in my entire life. Hope you enjoy it :)
  • 43
  • 1
  • 7387
  • 23

Comments

Add your comment
User 241219 avatar

jerryji replied ago:

0 votes Vote down Vote up Reply

PERFECT? Not for SEO diehards who want their middle column to appear first in the HTML.
Take a look at YAML (http://www.yaml.de/en/) CSS framework, probably not perfect, but VERY GOOD.

User 226998 avatar

polterguy replied ago:

0 votes Vote down Vote up Reply

Hi Jerryji, this is _maybe_ true, though for SEO diehards there's also always the question of whether or not you want your links or your content to appear first. If you have your links first then Google statistically more often will create "link menus" of your site with those links. If you have the content first then Google will probably define the content as "more relevant". But anyway, my point is that that's up "to debate" whether or not one wants the links before the content or not...
Anyway, I think it's the best floating column solution I've seen since it requires ZERO hacking, it's very easy to understand and works for all browsers. But if you have another approach that makes you more happy, then I'm glad on your behalfs. Who knows, it might even actually be better too. I don't know :)
But that this solution is very good there is very little doubt about ;)
Thanx for the input though, I'll check out YAML when I get the time :)

User 237347 avatar

jgornick replied ago:

0 votes Vote down Vote up Reply

AFAIK, you could always put your middle column first in the source, then use JavaScript to re-arrange the divs after the page loads.

User 226998 avatar

polterguy replied ago:

0 votes Vote down Vote up Reply

Also BTW I just tested this and it works, but mostly only with a two column solution. But you can have the content as the first div and then do a float:right; on the content and a float:left on the links. This will add the links to the left visually, but in fact have the content be the first part in your HTML :)

Add your comment


Html tags not supported. Reply is editable for 5 minutes. Use [code lang="java|ruby|sql|css|xml"][/code] to post code snippets.