SitePoint Sponsor

User Tag List

View Poll Results: Alignment of Main Table of Web Design?

Voters
12. You may not vote on this poll
  • Left

    2 16.67%
  • Center

    4 33.33%
  • Both are fine!

    6 50.00%
Results 1 to 15 of 15
  1. #1
    SitePoint Evangelist N9ne's Avatar
    Join Date
    Aug 2002
    Location
    England
    Posts
    581
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Main Table of Webpage Alignment: Left or Center?

    For example, say I have a 700 pixel wide main table for a web page, would you prefer it to be docked to the left of the screen or in the centre?

    Please vote on the poll and give reasoning.

    I ask this because up til now I've been creating web designs where the table is centre aligned, but I've seen a few web pages with the main table left aligned and just some 'space' with maybe a page background in the remaining space. It looks effective so I thought i'd try it...so I thought I'd ask you guys what you prefer .

  2. #2
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Either one is fine with me actually. I tend to go for centered when I do a static-width site, but left-aligned is just as useful.

  3. #3
    SitePoint Zealot
    Join Date
    Sep 2003
    Location
    Birmingham UK
    Posts
    100
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    this depends on the design - or in some cases, the client. but either is fine with me.

    I've been known to use a background image that compliments the design in both centred and left-aligned sites. once again, down to the design. as there's no real usability issue here, i go with what i think looks best.
    Rich.
    Late Night, Cold Coffee: Like daytime, but darker.

  4. #4
    SitePoint Evangelist N9ne's Avatar
    Join Date
    Aug 2002
    Location
    England
    Posts
    581
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What would you guys advise for a left-aligned design, for the space on the right? Maybe some sort of subtle pattern as the page background?

  5. #5
    SitePoint Wizard davidjmedlock's Avatar
    Join Date
    Dec 2002
    Location
    Nashville, TN USA
    Posts
    1,688
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    A very subtle, light pattern (sort of a mesh pattern, very light striped lines, etc.). Also remember that white space is your friend on the web. There's nothing wrong with showing a little white.

  6. #6
    SitePoint Zealot
    Join Date
    Sep 2003
    Location
    Birmingham UK
    Posts
    100
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i'd consider an extension to the detail on the page, however this depends on the design in question - more adventurous schemes often best with designs that would generally be considered as less conventional.

    failing that, small pixel patterns have made a bit of a come-back, having made their way from design inspiration sites to the commercial sector. however i'd advise only using them where it adds to the site, rather than detracts from it.
    Rich.
    Late Night, Cold Coffee: Like daytime, but darker.

  7. #7
    SitePoint Enthusiast turkle112's Avatar
    Join Date
    Aug 2003
    Location
    SC
    Posts
    68
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I agree with everyone else. Either will do the job, but it does depend on your end users and what they think.
    Turk
    Digial Media Producer/Webmaster
    I love my job

  8. #8
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have a similar question

    I have often come across sites that don't deal at all with scrolling. It appears as their SITE AS A WHOLE appears to be about 600px wide and about 400px height. Scott Weeks site is an example. Sorry, I don't know his URL, but he is a member here

  9. #9
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by jag5311
    I have a similar question

    I have often come across sites that don't deal at all with scrolling. It appears as their SITE AS A WHOLE appears to be about 600px wide and about 400px height. Scott Weeks site is an example. Sorry, I don't know his URL, but he is a member here
    Resize your window to something smaller than 600x400 and I'm pretty sure you'll see scrolling.

  10. #10
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ok, well that is obvious. I think you understand what I am talking about though.

    Are those popular?

  11. #11
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sorry, this was the link. Its Shawn Weeks
    http://shawnweeks.com/

  12. #12
    SitePoint Evangelist N9ne's Avatar
    Join Date
    Aug 2002
    Location
    England
    Posts
    581
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well, the problem with no scrolling at all is that if you have a lot of content on your pages, not only would you have to make the font size small, but you'd need to use an iframe (yuck!) to avoid scrollbars on the main window.

  13. #13
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by N9ne
    Well, the problem with no scrolling at all is that if you have a lot of content on your pages, not only would you have to make the font size small, but you'd need to use an iframe (yuck!) to avoid scrollbars on the main window.
    You don't need an iframe:
    HTML Code:
    <div style="overflow: auto; width: 200px; height: 150px;">
      <p>Lots of content here and a scrollbar will only appear if needed :)</p>
    </div>

  14. #14
    SitePoint Evangelist N9ne's Avatar
    Join Date
    Aug 2002
    Location
    England
    Posts
    581
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by vgarcia
    You don't need an iframe:
    HTML Code:
    <div style="overflow: auto; width: 200px; height: 150px;">
      <p>Lots of content here and a scrollbar will only appear if needed :)</p>
    </div>
    The reason I hate iframes is because they have scrollbars

  15. #15
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by N9ne
    The reason I hate iframes is because they have scrollbars
    Well your "yuck" was only for iframes in your last post, which is why I brought up this alternative. I'm not a fan of scrolling within a window unless it's absolutely necessary either .


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
  •