I'm pretty much a CSS newbie, so please bear with me. I just switched (most) of my font tags to CSS, and now IE gives me a huge font that makes my pages too wide for a 800 or ever 1024 width screen. Could someone take a peak at the source code of <!-- m --><a class="postlink" href="http://lyricslist.com">http://lyricslist.com</a><!-- m --> and see why IE makes the letters so big? Opera and Firefox are making the page nice, from what I can see. If anyone can confirm that it looks good in Firefox, Safari (I don't have access to a mac) and Opera, I would appreciate it.
Thanks, guys! I Always appreciate you!
Dotan Cohen
<!-- m --><a class="postlink" href="http://x-christmas.comActually">http://x-christmas.comActually</a><!-- m -->, it looks about the same on either browser. Yes IE-Win renders text slightly larger than FF or Opera. Safari renders it even bigger, but that's nothing to really worry about. You might be interested in Size Matters at A List Apart (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/sizematters/">http://www.alistapart.com/articles/sizematters/</a><!-- m -->). It deals with the various ways of specifying text sizes and their pitfalls.
If it looks significantly bigger in IE-Win, check to make sure View > Text Size, is set to Medium.toicontien, you must be using IE6 which does render it only slightly larger and not enough to matter. IE5.5 is a different matter; yikes. Huge. (Yes, text size set to medium.) Unfortunately, according to my site's hit stats, IE5.5 is still statistically significant.
Dotan, Alist apart is a good reference. Hang in there. I have found that managing text size cross browser is one of the most frustrating aspects of css. But it can be done, it just takes patience.toicontien, you must be using IE6 which does render it only slightly larger and not enough to matter. IE5.5 is a different matter; yikes. Huge. (Yes, text size set to medium.) Unfortunately, according to my site's hit stats, IE5.5 is still statistically significant.
Dotan, Alist apart is a good reference. Hang in there. I have found that managing text size cross browser is one of the most frustrating aspects of css. But it can be done, it just takes patience.
Ah, so it is only in IE 5.5? hehehe... That's why I use linux and firefox at home, at least there is consistency across versions...
Is there anything that I can do to remedy this? Apart from waiting for everyone to upgrade?
Dotan Cohen
<!-- m --><a class="postlink" href="http://IE-only.comUse">http://IE-only.comUse</a><!-- m --> % values (80%) ,but if the user changes the font-size option, which they should be allowed to do, then your pretty page may no look so pretty.It is up to your visitors to choose how big they need your text to be. Design to allow them the choice.Actually, it looks about the same on either browser. Yes IE-Win renders text slightly larger than FF or Opera. Safari renders it even bigger, but that's nothing to really worry about. You might be interested in Size Matters at A List Apart (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/sizematters/">http://www.alistapart.com/articles/sizematters/</a><!-- m -->). It deals with the various ways of specifying text sizes and their pitfalls.
If it looks significantly bigger in IE-Win, check to make sure View > Text Size, is set to Medium.
dotancohen, the answer to your question lies in the article I linked to.It is up to your visitors to choose how big they need your text to be. Design to allow them the choice.
I agree with this 100%. I also do not like little fonts, and often turn the size up a bit, which breaks layout. But I want to design a site that looks good as a default, and leaves the user with the option of ruining that layout for readability.
Toicontien,
Yes, the answer most definatly lies in that article. But it's going to be a while before I start to play with @includes, and risk messing up every other browser just to fix IE 5.5. So, I'll leave it the way it is and add a link to Download Firefox. I'm happy that I am doing my best to create a standards-compliant site. If user chooses to use a non-standards compliant browser, well, then let them have that horizontal scrollbar! Or is this considered a bad attitude? I know that not everyone in the world can upgrade. But I think that there are more people that CAN upgrade (but have little reason too, as webmasters are bending over backwards to code for their broken browser) than that can't. And maximum, they have a horizontal scrollbar, that's all.
Thanks, once again. I appreciate everybody's input. I am learning a lot.
DotanThere is no 100% standards compliant browser. Try to make your site look/feel the same for the majority of your site users (check your logs), and make your site accessible to all.According to the logs, IE 5.x acconts for ~5% of my traffic, and this is diminishing little by little. Firefox 1.x has already past this (~7.5%), and is climbing.
I guess that I'll just save myself a headache and give those IE 5 users another reason to upgrade. Here is text that I put on the <!-- m --><a class="postlink" href="http://lyricslist.com">http://lyricslist.com</a><!-- m --> homepage:
The designers of LyricsList recommend the use of standards-compliant web browsers, such as FireFox. This ensures that you see the page as the designers intended it. Thank you and enjoy the site!
Thanks, everybody! I have learned a lot from this little 'incident'.
Dotan CohenLyricsList is written in XHTML so should be viewable in any modern browser.That's a false statement and all too common a misunderstanding. XHTML affords a page no help whatsoever in this department; it's the strict DTD that makes a page viewable in any modern browser. And it will make the page work on browsers where the page isn't viewed at all. XHTML is something different and posses certain compatability problems with HTML browsers. The most cross-browser mark up is HTML 4.01 Strict. The least is XHTML 1.0 transitional. And I note that that page is written in XHTML 1.0 transitional.It's the strict DTD that makes a page viewable in any modern browser. And it will make the page work on browsers where the page isn't viewed at all.
Could you elaborate on this a little bit. I just went googleing, but didn't find anything that covers what you say. I'm refering to the part where you say that it will make the page work on browsers where the page isn't viewed at all.
Thanks.Could you elaborate on this a little bit. I just went googleing, but didn't find anything that covers what you say. I'm refering to the part where you say that it will make the page work on browsers where the page isn't viewed at all.
Thanks.See <!-- m --><a class="postlink" href="http://www.w3.org/TR/html401/">http://www.w3.org/TR/html401/</a><!-- m --> and in particular <!-- m --><a class="postlink" href="http://www.w3.org/TR/html401/intro/intro.html#h-2.3.2">http://www.w3.org/TR/html401/intro/intro.html#h-2.3.2</a><!-- m --> .Thank you for those links. I'm getting to studying now...
Dotan
<!-- m --><a class="postlink" href="http://lyricslist.com">http://lyricslist.com</a><!-- m -->
Thanks, guys! I Always appreciate you!
Dotan Cohen
<!-- m --><a class="postlink" href="http://x-christmas.comActually">http://x-christmas.comActually</a><!-- m -->, it looks about the same on either browser. Yes IE-Win renders text slightly larger than FF or Opera. Safari renders it even bigger, but that's nothing to really worry about. You might be interested in Size Matters at A List Apart (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/sizematters/">http://www.alistapart.com/articles/sizematters/</a><!-- m -->). It deals with the various ways of specifying text sizes and their pitfalls.
If it looks significantly bigger in IE-Win, check to make sure View > Text Size, is set to Medium.toicontien, you must be using IE6 which does render it only slightly larger and not enough to matter. IE5.5 is a different matter; yikes. Huge. (Yes, text size set to medium.) Unfortunately, according to my site's hit stats, IE5.5 is still statistically significant.
Dotan, Alist apart is a good reference. Hang in there. I have found that managing text size cross browser is one of the most frustrating aspects of css. But it can be done, it just takes patience.toicontien, you must be using IE6 which does render it only slightly larger and not enough to matter. IE5.5 is a different matter; yikes. Huge. (Yes, text size set to medium.) Unfortunately, according to my site's hit stats, IE5.5 is still statistically significant.
Dotan, Alist apart is a good reference. Hang in there. I have found that managing text size cross browser is one of the most frustrating aspects of css. But it can be done, it just takes patience.
Ah, so it is only in IE 5.5? hehehe... That's why I use linux and firefox at home, at least there is consistency across versions...
Is there anything that I can do to remedy this? Apart from waiting for everyone to upgrade?
Dotan Cohen
<!-- m --><a class="postlink" href="http://IE-only.comUse">http://IE-only.comUse</a><!-- m --> % values (80%) ,but if the user changes the font-size option, which they should be allowed to do, then your pretty page may no look so pretty.It is up to your visitors to choose how big they need your text to be. Design to allow them the choice.Actually, it looks about the same on either browser. Yes IE-Win renders text slightly larger than FF or Opera. Safari renders it even bigger, but that's nothing to really worry about. You might be interested in Size Matters at A List Apart (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/sizematters/">http://www.alistapart.com/articles/sizematters/</a><!-- m -->). It deals with the various ways of specifying text sizes and their pitfalls.
If it looks significantly bigger in IE-Win, check to make sure View > Text Size, is set to Medium.
dotancohen, the answer to your question lies in the article I linked to.It is up to your visitors to choose how big they need your text to be. Design to allow them the choice.
I agree with this 100%. I also do not like little fonts, and often turn the size up a bit, which breaks layout. But I want to design a site that looks good as a default, and leaves the user with the option of ruining that layout for readability.
Toicontien,
Yes, the answer most definatly lies in that article. But it's going to be a while before I start to play with @includes, and risk messing up every other browser just to fix IE 5.5. So, I'll leave it the way it is and add a link to Download Firefox. I'm happy that I am doing my best to create a standards-compliant site. If user chooses to use a non-standards compliant browser, well, then let them have that horizontal scrollbar! Or is this considered a bad attitude? I know that not everyone in the world can upgrade. But I think that there are more people that CAN upgrade (but have little reason too, as webmasters are bending over backwards to code for their broken browser) than that can't. And maximum, they have a horizontal scrollbar, that's all.
Thanks, once again. I appreciate everybody's input. I am learning a lot.
DotanThere is no 100% standards compliant browser. Try to make your site look/feel the same for the majority of your site users (check your logs), and make your site accessible to all.According to the logs, IE 5.x acconts for ~5% of my traffic, and this is diminishing little by little. Firefox 1.x has already past this (~7.5%), and is climbing.
I guess that I'll just save myself a headache and give those IE 5 users another reason to upgrade. Here is text that I put on the <!-- m --><a class="postlink" href="http://lyricslist.com">http://lyricslist.com</a><!-- m --> homepage:
The designers of LyricsList recommend the use of standards-compliant web browsers, such as FireFox. This ensures that you see the page as the designers intended it. Thank you and enjoy the site!
Thanks, everybody! I have learned a lot from this little 'incident'.
Dotan CohenLyricsList is written in XHTML so should be viewable in any modern browser.That's a false statement and all too common a misunderstanding. XHTML affords a page no help whatsoever in this department; it's the strict DTD that makes a page viewable in any modern browser. And it will make the page work on browsers where the page isn't viewed at all. XHTML is something different and posses certain compatability problems with HTML browsers. The most cross-browser mark up is HTML 4.01 Strict. The least is XHTML 1.0 transitional. And I note that that page is written in XHTML 1.0 transitional.It's the strict DTD that makes a page viewable in any modern browser. And it will make the page work on browsers where the page isn't viewed at all.
Could you elaborate on this a little bit. I just went googleing, but didn't find anything that covers what you say. I'm refering to the part where you say that it will make the page work on browsers where the page isn't viewed at all.
Thanks.Could you elaborate on this a little bit. I just went googleing, but didn't find anything that covers what you say. I'm refering to the part where you say that it will make the page work on browsers where the page isn't viewed at all.
Thanks.See <!-- m --><a class="postlink" href="http://www.w3.org/TR/html401/">http://www.w3.org/TR/html401/</a><!-- m --> and in particular <!-- m --><a class="postlink" href="http://www.w3.org/TR/html401/intro/intro.html#h-2.3.2">http://www.w3.org/TR/html401/intro/intro.html#h-2.3.2</a><!-- m --> .Thank you for those links. I'm getting to studying now...
Dotan
<!-- m --><a class="postlink" href="http://lyricslist.com">http://lyricslist.com</a><!-- m -->