icon Get the most out of Surmunity, read our tips here! Need an interesting blog to read? You've got to read the Surpass Blog! | Welcome! Please register to access all of our features.

» Surpass Web Hosting Forums » Discussions » All Things Techy » Web Standards Design » To pixel or not to pixel.

Web Standards Design Discuss accessibility, CSS, XHTML and more.

Reply
 
LinkBack Thread Tools Search this Thread
Old April 3rd, 2007, 10:04 PM   #1 (permalink)
Searcher
Surpass Staff
 
Kayla's Avatar
 
Joined in May 2003
Lives in Orlando
24,509 posts
Gave thanks: 936
Thanked 787 times
To pixel or not to pixel.

What's proper nowadays when coding a website's text display, px or em (or even percents)? Seems to be em.. px is less flexible on all browsers. Is this correct?
__________________
Follow Surpass on Twitter and Facebook
Check out interesting finds on the Surpass Blog
.... it's coming.


Kayla is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old April 3rd, 2007, 10:35 PM   #2 (permalink)
Surpass Fan
Excelling Contributor
 
cowboy's Avatar
 
Joined in Nov 2005
Lives in Colorado
Hosted on DEDI
934 posts
Gave thanks: 2
Thanked 94 times
Quote:
Originally Posted by Kayla View Post
What's proper nowadays when coding a website's text display, px or em (or even percents)? Seems to be em.. px is less flexible on all browsers. Is this correct?
em is based on the base font size (em is a printer typesetting term for the hieght and width of the letter M), similar to %, while px is a scaled constant.

It is my opinion that em is the most consistant and easiest to scale the entire site with only 1 font size change.
__________________
Where would you be if you were at the highest court in the land (US)?
cowboy is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old April 4th, 2007, 12:35 AM   #3 (permalink)
﴾͡๏̯͡๏﴿...tweet
Super #1
 
Joined in Dec 2005
5,755 posts
Gave thanks: 145
Thanked 151 times
I agree.. "em" is the standard now.
__________________
poof
Brandonnn is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old April 4th, 2007, 9:48 PM   #4 (permalink)
Surpass Fan
Seasoned Poster
 
Mykal's Avatar
 
Joined in Feb 2007
Lives in Maine
Hosted on SH110
40 posts
Gave thanks: 3
Thanked 3 times
My vote is 'em'
__________________

Server: SH110

Listening to:
Mykal is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old April 5th, 2007, 5:24 AM   #5 (permalink)
Race Surpass
Super #1
 
MarkRH's Avatar
 
Joined in Jul 2006
Lives in Oklahoma City, OK
Hosted on sh102
1,218 posts
Gave thanks: 18
Thanked 86 times
I just converted my www.pelicar.info site from using frames to div containers and css. Ran into the whole Quirks vs Standards mode of rendering differences. I also changed the sizing of stuff to em. Anyway, I managed to achieve the same thing I had with frames... the left-side menu stays put when scrolling.

I did discover that if I make a TD element with a font-size of 0.80em, that if I put another table inside that table, it's TD element's font is again reduced by 20%. Fixed that by defining the size for TD TD to be 1.0em so it would keep the same size.

But, now my page will allow font-size changes within the browser.. wouldn't before. Still won't zoom the page in or out though... hopefully it does look screwed up in other browsers. I should install Firefox and Opera I suppose..
MarkRH is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old April 5th, 2007, 5:54 PM   #6 (permalink)
muffins
Excelling Contributor
 
jordanriane's Avatar
 
Joined in Mar 2006
Lives in Chicago, IL
Hosted on NONE
644 posts
Gave thanks: 26
Thanked 34 times
I vary between using pt and em for font sizes, line-heights.. But I'll use pixels when I want to specify for width's and heights if I'm not dealing with a fluid deisgn.
__________________
{o,o} O RLY? atourworst.org - mywhmcs.com
|)__)
-"-"-
jordanriane is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old April 6th, 2007, 2:40 AM   #7 (permalink)
H
after g, before i
Resident.
 
H's Avatar
 
Joined in Jul 2004
Lives in N,BC,CA
8,033 posts
Gave thanks: 48
Thanked 129 times
I like em's because it's possible to do your entire layout based on them.
H is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On