/    Sign up×
Community /Pin to ProfileBookmark

Text Size

Copy linkTweet thisAlerts:
Mar 14.2005

Does anyone know how to make the text size of a page a set size so that it stays the same regardless of users browser settings?

Here is an example of what I want to do:

On this page there is a form ([URL=http://www.dfwbounce.com/testing/customerform.php]www.dfwbounce.com/testing/customerform.php[/URL]). When the text size is set to medium everything is fine. When users go to “View->Text Size” and they change it to anything other than medium, the layout is interfered with. I want to make the page so this cannot happen.

to post a comment
HTML

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@davidbrentMar 14.2005 — Whilst this is not highly reccomended, it can be done to work in Internet Explorer.

Other browsers such as Mozilla Firefox or Safari can override the web page settings to enlarge text.

Using CSS however, you can create a fixed text size in Internet Explorer.

insert this into your <head>
[CODE]
<style type="text/css" media="screen">
<!--
body {
font-size : 12px ;
}
-->
</style>
[/CODE]
Copy linkTweet thisAlerts:
@AdamGundryMar 14.2005 — While you can use that method, it is not very good practice. A better idea would be to redesign your layout to be flexible and cope with different screen resolutions, window sizes, font sizes, and so forth. You shouldn't force users to look at your page the way you want them to, you need to accomodate their preferences as far as possible.

Adam
Copy linkTweet thisAlerts:
@Robert_WellockMar 15.2005 — If you want to use Absolute length units you can have: in, cm, pt, pc technically the px is a semi-relative length unit.

I would strongly advise against Absolute length units for the screen media.
×

Success!

Help @DFWBounce spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...