Welcome Guest ( Log In | Register )




                Web Hosting Guide

2 Pages V  < 1 2  
Reply to this topicNew Topic
Sizes In Webdesign: Em Vs. Px, and why em is better
Rating 5 V
iGuest
post Jan 27 2008, 06:38 PM
Post #11


Newbie [ Level 1 ]
Group Icon

Group: Members
Posts: 0
Joined: 1-November 07
Member No.: 25,869


Great information on this web page. Thanks !
Go to the top of the page
 
+Quote Post
FirefoxRocks
post Apr 10 2008, 11:33 PM
Post #12


Super Member
Group Icon

Group: [HOSTED]
Posts: 875
Joined: 12-July 06
From: Ontario, Canada
Member No.: 14,464
myCENTs:89.55


I've read this informative tutorial throughly and found that this is a valuable concept to designing in CSS. In addition to font sizes, margins and paddings can also be specified in the relative unit of em, and more rarely width, height, border and positioning selectors. With regards to using %, it actually takes the font size of the parent element if you are specifying the value as a font size.

As for specifying the page width to be 780px to accomodate the screen resolution of 800*600, I think that the idea is ok because most users screen resolutions are at 1024*768 up to 1280*1024. The layout shouldn't look too small in either of those layouts, with a width of 780px. And visually impaired users would probably set the screen to 800*600, which is perfect for the page. However the use of percents to set <body> width is still recommended as it is called "liquid design".

Thanks for writing this informative post, I'll be sure to use these techniques when updating my CSS.
Go to the top of the page
 
+Quote Post
iGuest
post Jul 2 2008, 11:18 PM
Post #13


Newbie [ Level 1 ]
Group Icon

Group: Members
Posts: 0
Joined: 1-November 07
Member No.: 25,869


Em vs px in modern browsers?
Sizes In Webdesign: Em Vs. Px

Hi there! Great article!

But what about the latest browser editions such as FF3 which have some kind of new technique that zooms pages like "images" and where you can build your entire layout using px units and still have your page zoom proportionally?

Is the difference between ems and pxs still an issue?

Cheers!

-question by EmFan
Go to the top of the page
 
+Quote Post
iGuest
post Jul 2 2008, 11:20 PM
Post #14


Newbie [ Level 1 ]
Group Icon

Group: Members
Posts: 0
Joined: 1-November 07
Member No.: 25,869


Em vs px in modern browsers?
Sizes In Webdesign: Em Vs. Px

Hi there! Great article!

But what about the latest browser editions such as FF3 which have some kind of new technique that zooms pages like "images" and where you can build your entire layout using px units and still have your page zoom proportionally?

Is the difference between ems and pxs still an issue?

Cheers!

-reply by EmFan
Go to the top of the page
 
+Quote Post
Sensational
post Jul 21 2008, 05:49 PM
Post #15


Newbie [ Level 2 ]
Group Icon

Group: [HOSTED]
Posts: 21
Joined: 21-July 08
Member No.: 31,579


QUOTE(iGuest-EmFan @ Jul 3 2008, 12:20 AM) [snapback]125660[/snapback]
Em vs px in modern browsers?

Sizes In Webdesign: Em Vs. Px
Hi there! Great article!

But what about the latest browser editions such as FF3 which have some kind of new technique that zooms pages like "images" and where you can build your entire layout using px units and still have your page zoom proportionally?

Is the difference between ems and pxs still an issue?

Cheers!

-reply by EmFan


im guessing with certain browsers it will still be an issue because some browsers still wont zoom proportionally with pxs.. but with FF3 it does zoom proportionally with pxs so there is no difference between ems and pxs.. so it just depends what browser the user is viewing the webpage in!

This post has been edited by Sensational: Jul 23 2008, 03:02 PM
Go to the top of the page
 
+Quote Post

2 Pages V  < 1 2
Reply to this topicNew Topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



Web Hosting Powered by ComputingHost.com.
HONESTY ROCKS! truth rules.
Creative Commons License