2 Replies Latest reply: Mar 30, 2010 9:51 PM by helpvid

CSS Percentage vs. Pixels

helpvid Mar 30, 2010 2:43 PM

Hi, I re-designed my website @ http://www.theboxinghistorian.com/ I wanted to design the site using % for my div-tags rather than pixels. I wanted my whole site to auto expand of contract depending on what type of monitor was visiting the site. Now I used 100% for my wrapper div, but as i developed withinn i resorted back to pixels. When viewing on a old moniter my last link "Boxing DVD's pop's under my first link "Home".

I just want to clarify to i need to apply % to all div's, will this help me fit all size of screens.

1. Re: CSS Percentage vs. Pixels

Nancy O. Mar 30, 2010 4:37 PM (in response to helpvid)

You will get better results using a hybrid of % along with min- and max-width in pixels. This will keep your page layout from collapsing or expanding too much on super wide and super narrow displays.

#wrapper {
background-color: #222;
width: 90%;
min-width: 1045px;
max-width: 1580px;
margin-right: auto;
margin-left: auto;
}

Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com
Like Show 0 Likes (0)

Actions
2. Re: CSS Percentage vs. Pixels

helpvid Mar 30, 2010 9:51 PM (in response to Nancy O.)

Hi Nancy, need i only apply this rule to the wrapper div to auto fit all sizes of screen, what about the divs within like #body #bodyLeft #bodyRight can I keep them defined by pixels or do i change then to %
Like Show 0 Likes (0)

Actions

Go to original post

Incoming Links

Re: screen resolution to set up photoshop file for edge reflow

Legend

Correct Answers - 10 points