Jump to content

cross browser font problems


Recommended Posts

see this site under construction:

http://69.93.140.122/~veces3/store

EDIT NOTE - noted and fixed IP typo about six hours later.

in MS/IE, the general texts are displaying a full size too small in most places

in FF, those same texts are displaying the correct size uniformly in all places but the links in the revised Information box are underlined even though the HTML does not contain underlining code.

The above happened as soon as I followed the excellent tutorial in Mark's box mod PDF to move the Site Docs into the original Information box. I can't figure out what I must have inadvertently edited that affects so many texts.

Finally, there is a pure cross-browser issue that is not related to the above. In all boxes, bulleted lists that are a nice compact single space line in FF require what seems to be 2 lines, or at least 1.5, when displayed in MS/IE. Is there some way of making the line spacing behave in both browsers?

TIA

Link to comment
Share on other sites

Guest groovejuice

Joe, it depends how you specify font size. px, em, %, etc. Try using px which should display similarly cross-browser at the same resolution. The problem is that there is a setting in browsers for displaying fonts. You've likely seen it in IE under view>text size.

As for your second question, just look down the page for the answer by the guru himself, Markscarts.

here

Link to comment
Share on other sites

Joe, it depends how you specify font size. px, em, %, etc. Try using px which should display similarly cross-browser at the same resolution. The problem is that there is a setting in browsers for displaying fonts. You've likely seen it in IE under view>text size.

As for your second question, just look down the page for the answer by the guru himself, Markscarts.

here

In reverse order . . .

Mark's most recent post in that line height thread (adding a snippet to the end of the style.css) solved the problem. Damn, he's good.

FWIW, the reason I could not find it in searching is, I used the search terms "line spacing" and variations on that. So maybe by repeating that search phrase here and repeating it again without quotes as line spacing, it may help someone else's search in the future.

As for the font size, it's not something controlled by the browser text settings (which my 74-year-old-this-month eyes often need to use). In the problem at hand, only parts of the CC page are anomalous; and even then, only in IE.

Look at the subject site (http://www.buildinghosting.com/~veces3/store/) in IE. You will note that the boxes Sale Items, Mailing List and the center column are all showing a smaller font than the boxes Shop by Category, Shopping Cart and Information on the same page. This issue exists only in IE.

Yet, I did not do any editing of those improperly displaying boxes (to my knowledge).

And, I'm still stuck on the issue that the Information box links are underlined and mis-aligned for FF but behave themselves in IE.

Anyone?

Link to comment
Share on other sites

Look to me like you have inline styling being generated. see below

<ul type="square">

<li><font face="Verdana" size="1"><a target="_self" href="http://69.93.140.122/%7Eveces3/store/index.php?act=viewDoc&amp;docId=2">

<span style="text-decoration: none;">Locations / Hours</span></a></font></li>

<li><font face="Verdana" size="1">

<a href="http://69.93.140.122/%7Eveces3/store/index.php?act=viewDoc&amp;docId=1">

<span style="text-decoration: none;">About Us</span></a></font></li>

<li><font color="#0000ff" face="Verdana" size="1">Photo Album</font></li>

<li><u><font color="#0000ff" face="Verdana" size="1">

<a href="http://69.93.140.122/%7Eveces3/store/index.php?act=viewDoc&amp;docId=4">

<span style="text-decoration: none;">Privacy Policy</span></a></font></u></li>

<li><u><font color="#0000ff" face="Verdana" size="1">

<a href="http://69.93.140.122/%7Eveces3/store/index.php?act=viewDoc&amp;docId=3">

<span style="text-decoration: none;">Terms, Sales Policy</span></a></font></u></li>

</ul>

those <u> will add an underline and override your linked stylesheet.

Link to comment
Share on other sites

Look to me like you have inline styling being generated. see below

snip

those <u> will add an underline and override your linked stylesheet.

Found and removed <u> and </u>, but after uploading edited info.tpl the underlining still exists in FF. Refreshing page does not bring joy.

The response is appreciated. More suggestions welcome.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...