9 {{ upvoteCount | shortNum }}
9 {{ upvoteCount | shortNum }}

what resolution size do you design for?

by OfficerIM
8 replies
  • WEB DESIGN
    • |
I am making a fitness website and the template im using is a 3 column layout. It has a left nav bar and it looks great their. However i still need to fit the ad for the product i am goign to be promoting on the site on the right sidebar. Im already at 1024px and the right sidebar is out of place.


what screen size do you use?
im not sure if i should go for a a fixed layout or just set it at 100%
#design #resolution #size
  • Profile picture of the author getsometraffic
    Set to 100%
    Signature
    {{ DiscussionBoard.errors[8998845].message }}
  • Profile picture of the author forexury
    You'd better set max width on the sidebar and just let the main content to be percentage,

    when I work with layout I use jquery to check it after document loaded to set the width
    {{ DiscussionBoard.errors[8999280].message }}
  • Profile picture of the author yestyle
    Banned
    Originally Posted by OfficerIM View Post

    I am making a fitness website and the template im using is a 3 column layout. It has a left nav bar and it looks great their. However i still need to fit the ad for the product i am goign to be promoting on the site on the right sidebar. Im already at 1024px and the right sidebar is out of place.


    what screen size do you use?
    im not sure if i should go for a a fixed layout or just set it at 100%
    Did the same to you on my blog with 3 columns. I think 1024 is ok.
    {{ DiscussionBoard.errors[8999526].message }}
  • Profile picture of the author RobinInTexas
    I would set the max width at 1024 and use % for everything else, also suggest using overflow:hidden for content divs to keep any wide elements from destroying your layout.
    Signature

    Robin



    ...Even if you're on the right track, you'll get run over if you just set there.
    {{ DiscussionBoard.errors[9000179].message }}
    • Profile picture of the author MonopolyOnline
      Originally Posted by RobinInTexas View Post

      I would set the max width at 1024 and use % for everything else, also suggest using overflow:hidden for content divs to keep any wide elements from destroying your layout.
      Robin has a great point about saving the integrity of the layout.

      Double edge sword though using the overflow:hidden if you consider the content more important than the layout.

      Consider using overflow:scroll or overflow:auto.

      To restrict scrolling to either vertical or horizontal:

      Vertical:
      overflow-y:auto
      overflow-y:scroll

      Horizontal:
      overflow-x:auto
      overflow-x:scroll


      To help you decide, checkout the LIVE DEMO scroll options:

      w3schools.com/cssref/playit.asp?filename=playcss_overflow&preval=scroll


      If space is tight, consider moving the ad underneath the menu links on the left. Three column are tough. Good luck.
      {{ DiscussionBoard.errors[9001762].message }}
  • Profile picture of the author sham2
    I think you need to make it in 1024px. Divided your website in three portion one left panel , second page content and third is right side bar . Give with to these all portion in percentage.
    {{ DiscussionBoard.errors[9002189].message }}

Trending Topics