Same font size across all platforms
Ok, I know this is probably a question that has been asked before, but I can't find a good answer anywhere. This is how it started out.
I created a little interactive webpage that kinda looks like a book. When you click on the page, the next page comes up and stuff. But the problem is, is that the font sizes seem to differ from Netscape to IE. So I did some editing and managed to get them to size up fairly well on my computer. Then I went into another office and tried it on a IBM, and the **** hit the fan! All my text was like 2 font sizes larger, and all the tables were out of size. How can I make the font stay the same size across all platforms?
I know there has to be a solution. If it doesn't work, I will have to do the whole dang thing in flash. I don't wanna do that.
Thanks for your help.
Ken Elliott
Pimpin like a pimp with an electrofied pimpin machine!
Vincent Puglia posted this at 16:20 — 27th September 2000.
They have: 634 posts
Joined: Dec 1999
Hi Ken,
I'm presuming you have your fonts set within the html page. You can try setting the font-family, font-size with a css stylesheet.
However, as far as I know, you cannot guarantee how the page will display with 100% certainty. For example, the user can reset the font size through the browser -- IE's View-Text Size.
Hope this answers your question. If not, post a url and I'll take a peekSee.
Vinny
Where the world once stood
the blades of grass cut me still
Ken Elliott posted this at 16:31 — 27th September 2000.
They have: 358 posts
Joined: Jun 1999
Well I took that into account, and I will give it a try.
here is the url if you want to take a look.
http://www.ifae.com/test/fright.html
that is the start page...the pages that are in question are the more text oriented ones....
http://www.ifae.com/test/fleft.html
http://www.ifae.com/test/bmid.html
Take a look, I will try to use CSS to do it, and I will let you know how it goes.
Thanks for your help Vince,
Ken "VulKen" Elliott
Pimpin like a pimp with an electrofied pimpin machine!
Vincent Puglia posted this at 16:50 — 27th September 2000.
They have: 634 posts
Joined: Dec 1999
Hi Ken,
Took a quick glance.
might be better.
1) You might want to kill all the "font size=-2" statements since those are telling the browser to change the size relative to what it displays. An absolute size (
2) Also, if you placed the blurbs within their own cells, you would have more control over the alignment or you can define as centered or left-justified with css.
3) I couldn't read the image on the right -- the text in it was too dark -- I think the top line said "Participating...."
Vinny
Where the world once stood
the blades of grass cut me still
Ken Elliott posted this at 16:53 — 27th September 2000.
They have: 358 posts
Joined: Jun 1999
Well I tried CSS, but it doesn't work neither. I used 11pt and then viewed it here. Looked great! Viewed it on the IBM and it is like 2 sizes larger...
Dang...I don't know what I'm gonna do. It looks like crap on an IBM....I don't want to have to forward them depending on their operating system neither. That would just plain...well it wouldn't be good.
[edit]
just read your post. We submitted them about the same time. I did the CSS testing on bmid.html since all of it was controlled by CSS anywayz. And that's how I came up with these problems. I don't even remember why I put that many font tags...I know there was a reason.
you can view the CSS version @:
http://www.ifae.com/test/test.html
[/edit]
Let me know if you come up with anything else Vince.
[Edited by Ken Elliott on 09-27-2000 at 01:03 PM]
Pimpin like a pimp with an electrofied pimpin machine!
Vincent Puglia posted this at 17:09 — 27th September 2000.
They have: 634 posts
Joined: Dec 1999
Ken,
I just checked the test.html with IE 5.0 & NN 4.6 (pc win98) -- they look virtually the same. Are you looking at it with a Mac? Did you check the preferences for the browsers you're using?
Vinny
Where the world once stood
the blades of grass cut me still
Bimjo posted this at 18:14 — 27th September 2000.
They have: 81 posts
Joined: Feb 2000
Best hope for a cross OS/cross browser solution is CSS defining font size as pixels (px) and that isn't 100%, but is probably as close as you'll get.
Bimjo
Just my opinion, worth $0.00001 anywhere on earth.
======================
Bimjo's Corner
Ken Elliott posted this at 18:31 — 27th September 2000.
They have: 358 posts
Joined: Jun 1999
Vince,
I'm looking at it on a Mac and a PC. I did check the preferences in both browsers. I even went and hooked up another mac in my office, so I could make sure it wasn't something in my preferences. I am going to give the pixel method a try. If that doesnt' work...welp..um..I guess I'll just kick my own ars.
Pimpin like a pimp with an electrofied pimpin machine!
Ken Elliott posted this at 19:10 — 27th September 2000.
They have: 358 posts
Joined: Jun 1999
I had no idea that CSS works different across diff. platforms. Weird. I though IE supported "ALL" css..guess I was wrong again. I found a way to eliminate my problem. But it involves using the line-height attribute. And it doesn't work in IE 4.5 on a Mac. But it works on IE 4.5 on Windows.
Just thought I would tell everyone my findings. I'm learning more today about the functionality of html and CSS then I did in the past 2 years.
Pimpin like a pimp with an electrofied pimpin machine!
Suzanne posted this at 19:55 — 27th September 2000.
She has: 5,507 posts
Joined: Feb 2000
http://www.alistapart.com
They have 4, count 'em FOUR articles on Fear of StyleSheets.
Lots and lots of information.
Otherwise, http://www.carterjackson.com/index/links.htm#css has a pile of links, including the MasterGrid from webreview, which is invaluable.
P.S. Be prepared to have text slightly different even using pixels, in Netscape and IE. IE artificially inflates the font size.
Vincent Puglia posted this at 20:55 — 27th September 2000.
They have: 634 posts
Joined: Dec 1999
Hi Ken,
You shall also learn that IE for the Mac doesn't like a lot more than just css. Sorry, but the Mac isn't very high on M$'s priority list
Vinny
Where the world once stood
the blades of grass cut me still
exbabylon posted this at 01:14 — 28th September 2000.
They have: 61 posts
Joined: Aug 2000
....but have you checked what resolution the computers are set on? That could goof up tables, text and everything!
Just a suggestion...... hope you get it figured out...
Selkirk Graphic and Web Design
"Imagination is the ONLY Limitation"
[=1]Blamestorming: Sitting around in a group discussing why a deadline was missed or a project failed and who was responsible.[/=1]
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.