SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Wizard
    Join Date
    May 2002
    Posts
    1,370
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    optimizing a 3 column layout

    Starting with the three column layout I'm debating the best structure.

    In all my wanderings I came across this: The Perfect 3 Column Liquid Layout: No CSS hacks. SEO friendly. iPhone compatible.

    Anyone familiar with it? Is this taken to be "trickery" by the search engines? Or is it common nowadays.

    (did search the title, not seeing it on this forum)

  2. #2
    SitePoint Wizard bronze trophy chris.upjohn's Avatar
    Join Date
    Apr 2010
    Location
    Melbourne, AU
    Posts
    2,192
    Mentioned
    17 Post(s)
    Tagged
    1 Thread(s)
    That is actually the best solution i have seen, usually when it comes to making column layouts using DIV's you need to use hacks because they don't work in IE 6, 7 & 8 but that looks pretty solid.

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,207
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    You might also like to look at Paul O'Brien's site, as he has some good guidelines for that, such as:

    CSS examples - Three Fluid Columns

    Rayzur also has some nice ones, such as this:
    Three Column Fluid with 25% Sidebars

  4. #4
    SitePoint Member
    Join Date
    Jul 2011
    Location
    ID
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've tried that layout (and others similar to it). Not bad, but I actually find it easier to write the CSS from scratch than to adapt someone else's. Ends up being less work in the end, and then you know the guts of your own site intimately. You might check out css Zen Garden for some good inspiration and information.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •