Click here to Skip to main content
15,888,461 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
Here : http://thunderstorm999.byethost9.com/

Observe the footer text.It is not the same in IE as in the Chrome and Firefox browser.My font is not displaying as it should in IE. Also due to this the alignment in IE is not the same as it is in Firefox and Chrome.Also the layout appears a bit different in IE and in other browser.Please tell me where am I going wrong.What is the issue I am facing for IE.Please follow the link above.
Posted
Comments
Sergey Alexandrovich Kryukov 15-Feb-15 0:25am    
Chances are, this is not you who is doing wrong, but IE...
—SA
Ankit Gada 15-Feb-15 0:39am    
how to fix this ?
Sergey Alexandrovich Kryukov 15-Feb-15 1:13am    
Fix what, IE? Well, join the appropriate Microsoft team... :-)
—SA

1 solution

Despite of my comment to the question, I can see that there is something you are doing wrong. Sorry, I'm not going to fix your discrepancy between IE and other browsers. First, I don't want to enable IE for it (I think it sucks, even the later versions, so I never use it). More importantly, at the time being, it looks like endless race. IE is not going to be like other browsers, and the layout differences between other browsers are nearly unavoidable. I managed to fix some layouts to make a nice look in some different browsers, but it does not mean they look exactly the same. I would not get into this race.

This is a key: my idea is not to make identical layouts, but to make your design less sensitive to the difference between layout managers. And your design is specifically fragile, and, sorry for this note, is really ugly.

First of all, I think using all-caps text is a bad taste and probably just the violation of some basic contemporary design principles. Is the custom fort the one at the bottom ("Copyright" and the rest of it)? If so, get rid of it. It is really ugly.

Also, it is extremely bad idea to fit some elements without gap, in your case, blue background and to bottom line. No wonder you have a problem with it: in Mozilla, I can see that this background hides part of the text line. In Google Chrome, it doesn't happen. You see, you don't need IE to screw up the layout. Please understand, the text should never even touch the lines, like the contrast line between two colored fields. (Exclusions can be made if it conducts some apparent idea, which can happen in bigger images, such as in logos.)

Even worse is the dotted line. It touches the boundary between colors and is ugly in principle.

You have to understand some very basic design principle: a single dot, line, boundary between colors, any other element, has right to exist only if it plays some apparent role, performs a function, for example, grouping of content, showing that certain elements are related to each other, something like that.

And of course, scrolling of the picture is extremely irritating. I would suggest not moving anything without user actions, ever. Marquee has no right to exist. Empty blue space look pointless and also irritating. More importantly, you don't even try to fit the design on the page, it goes out of the not too small screen.

So, I would start over or perhaps use some help from a designer. I would do the design much simpler and informative. Sites should help users instead of showing off any techniques.

—SA
 
Share this answer
 
Comments
Ankit Gada 15-Feb-15 0:59am    
The design is totally incomplete,understand this.I will fix the rest as it's still an incomplete design. My question was, why am I unable to render the footer text Custom-font in IE as in chrome and firefox. How to fix that ? I did use eot font extension for IE.
Sergey Alexandrovich Kryukov 15-Feb-15 1:12am    
Okay, I'll understand that, but you already done some wrong moves. You are unable to render things the way you want because browsers do not completely comply with the standards, or the standards lack precision and certainty in some items. I don't think you can overcome this.
—SA
Ankit Gada 15-Feb-15 4:10am    
So, basically the solution to this is that i just need to change the font just for IE that will support for IE i guess.
Sergey Alexandrovich Kryukov 15-Feb-15 13:14pm    
The real solution is not using this font at all.
—SA

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS


CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900