/    Sign up×
Community /Pin to ProfileBookmark

text sizes driving me crazy!!!

Copy linkTweet thisAlerts:
Oct 06.2005

look at this link: [url]www.guildnotguilty.com/linkfrm.html[/url] in firefox and in IE
the text sizes are diffrent. in firefox its bigger making the text go under the ‘outside’ pages image. im about to pull my hair out. i use css and its [url]www.guildnotguilty.com/styling.css[/url]
any suggestions before i jump off a bridge in frustration? ?

to post a comment
HTML

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangOct 06.2005 — Set the text-size in the css:
html, body {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#fff;
background:#000;
}


If you are seeing the text-size differently in IE and FF, it means that you have the options set differently in your browsers.

Change the text options, size font and color, to the same values in all/both browsers.
Copy linkTweet thisAlerts:
@VladdyOct 06.2005 — Here is the explanation how to size elements bazed on their content, so that you do not have to worry what font size setting your visitors have:

http://demos.klproductions.com/sandbox/layoutoptions.html
Copy linkTweet thisAlerts:
@bluflamez09authorOct 06.2005 — the font size isnt having any effect in any browser for me...

[CODE]body
{
background:url(kalidar-bg.jpg);
background-repeat:repeat-x;
background-color:black;
font-size:0.8em
}

[/CODE]

this is the entire css document for me. i don't have any spaces in it (as thats what the thing said where i learned) i think im doing everything right... so why is it not working?
Copy linkTweet thisAlerts:
@FangOct 07.2005 — Setting the font-size to a [URL=http://www.w3.org/2003/07/30-font-size]relative unit[/URL] will not change how you see the page due to the way the options are set in your browser(s), but it is correct practice.
Copy linkTweet thisAlerts:
@bluflamez09authorOct 08.2005 — I don't see how tellling me about relitave font sizes is helping my problem... I'm not using relitave font sizes, I'm using the "em" thing. I have it set (in the CSS document) to 0.8em but it dosen't matter if I set it to 99999.99em it's not changing a thing.

How do I set the font size to where it [i]will[/i] change the way I see the page regardless of how my options are set in my browser? I'm seeing that even using HTML's <font size="1"> and <font size="5"> are the same in IE and FF and probably NS. CSS dosen't do anything either. I don't have my font settings set even; it dosen't say 'always use my font settings' therefore I have it set so it displays the page the way it's meant to be seen.
Copy linkTweet thisAlerts:
@MstrBobOct 08.2005 — Relative units consist of 'em', 'ex', and 'px'. The idea is that using relative units, you can keep your page in proportion. So that if your headers have a font size of '2em' and your paragraph text a font size of '1em', then your headers will always be twice as large as your paragraph text. But since it's relative, a user can increase and decrease the actual font size of a page, making it larger or smaller, while keeping everything in proportion. Remember, the web is fluid, this isn't paper design, everything must expand and contract. This way users can read text regardless of their monitor size, resolution, or own personal eye strength.

If changing the value of the font-size property isn't having any effect, then their must be something else controlling font-size on your page. You could try using a more specific selector, for instance, if your text is inside a P element, (<p></p>) then you could try setting the font-size of that. So:

<i>
</i>p {font-size:0.8em;}


If that helps any. But it sounds like something else might be interfering. It's hard to tell though, the example page you point to has no text. It would most likely help as well if you included a proper [URL=http://www.w3.org/QA/2002/04/valid-dtd-list.html]DOCTYPE[/URL] so that browsers could know for certain what markup language you're using, in your case HTML 4.01
×

Success!

Help @bluflamez09 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 5.18,
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: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

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

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...