By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,879 Members | 1,859 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,879 IT Pros & Developers. It's quick & easy.

Crossplatform HTML text display issue

chunk1978
100+
P: 224
hi there...

i've been building an internet form recently, and i've realized there seems to be a slight difference between the way HTML text is processed between my Mac (Mac OS X v10.4.8) and my PC (Windows Vista)... it's not really a life or death situation, but i'd really like if it could look as good on PCs as it does on Macs... or to at least understand why the PC seems to not display text as smoothly as the Mac does.

the below image shows a sample of my internet form. the top section is a screenshot taken while using Safari 2.0 (Mac), and the below section is a screenshot taken while using Internet Explorer 7.0 (PC).



any ideas?
Feb 15 '07 #1
Share this Question
Share on Google+
8 Replies


Expert 100+
P: 1,892
The second looks like default IE behavior you can use some styles, but that is about all.
Feb 15 '07 #2

chunk1978
100+
P: 224
The second looks like default IE behavior you can use some styles, but that is about all.
hi AricC... thanks for the reply... just so that i'm clear, eventhough i have styles written in my code:

Expand|Select|Wrap|Line Numbers
  1. <style type="text/css">
  2. <!--
  3. body,td,th {
  4.     font-family: Verdana, Arial, Helvetica, sans-serif;
  5.     font-size: 12px;
  6.     color: #999999;
  7. }
  8. .style6 {color: #990000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 23px; font-style: italic; }
  9. .style8 {color: #6D6FB3; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 23px; font-style: italic; }
  10. .style12 {color: #666666}
  11. .style13 {color: #999999}
  12. .style14 {font-size: 10px}
  13. .style18 {font-size: 14px}
  14. .style21 {font-size: 12px}
  15. .style24 {font-size: 12px; color: #6D6FB3; }
  16. .style26 {font-size: 12px; color: #6D6FB3; font-style: italic; }
  17. .style28 {font-size: 14px; color: #6D6FB3; font-style: italic; }
  18. .style29 {font-size: 10px; color: #6D6FB3; font-style: italic; }
  19. .style30 {color: #999999; font-size: 10px; }
  20. #Layer1 {
  21.     position:absolute;
  22.     width:516px;
  23.     height:115px;
  24.     z-index:1;
  25.     left: 327px;
  26.     top: 613px;
  27. }
  28. .style43 {color: #4B4B4B}
  29. .style45 {color: #333333}
  30.  
  31. -->
  32. </style>
  33.  
... IE7 will by default display the text a little different because that's just the way it displays the styles? so it's not possible to make it look like Safari 2.0?
Feb 15 '07 #3

Expert 100+
P: 1,892
Right the square box'ness is just how IE shows combo boxes. Aside from borders and other CSS properties you won't get it to look like Safari each browser renders them differently I believe.

Aric
Feb 15 '07 #4

chunk1978
100+
P: 224
Right the square box'ness is just how IE shows combo boxes. Aside from borders and other CSS properties you won't get it to look like Safari each browser renders them differently I believe.

Aric
oh! hah... yes i knew this... but i was referring explicitly to the way the text looks :-)... i feel the IE7 text looks different than the Safari 2.0 text, eventhough they both use the same font codes and styles...

i totally understand why you may have missed my question, because the text difference is extremely subtle... but if you look closely, it's quite different too... and i'd just like to know why...
Feb 15 '07 #5

drhowarddrfine
Expert 5K+
P: 7,435
Different platforms have different font styles and graphics. Here is a useful list to compare fonts.
Feb 15 '07 #6

chunk1978
100+
P: 224
Different platforms have different font styles and graphics. Here is a useful list to compare fonts.
thanks for the info drhowarddrfine! i really appreciate it...
Feb 15 '07 #7

Expert 100+
P: 1,892
oh! hah... yes i knew this... but i was referring explicitly to the way the text looks :-)... i feel the IE7 text looks different than the Safari 2.0 text, eventhough they both use the same font codes and styles...

i totally understand why you may have missed my question, because the text difference is extremely subtle... but if you look closely, it's quite different too... and i'd just like to know why...
I was way off! I don't think MAC's have true type fonts not sure I don't have a MAC... yet.
Feb 15 '07 #8

chunk1978
100+
P: 224
I was way off! I don't think MAC's have true type fonts not sure I don't have a MAC... yet.
mac's indeed have true type fonts :-)
Feb 16 '07 #9

Post your reply

Sign in to post your reply or Sign up for a free account.