How to get my horizontal Navbar to display properly in Internet Explorer?

1. 38

   ChristinSposted 11 years ago

   How to get my horizontal Navbar to display properly in Internet Explorer?
   
   It looks great in every other browser but will not display properly in IE.  If anyone can help me I can send you the code if need be, but is there a known fix to this problem? 
   
   IE flips my navigation vertical and none of the other formatting displays correctly (gradients etc)

   replyreport
2. 63

   hotwebideasposted 11 years ago

   Hey Christin. What version of internet explorer do you have? If you have IE 7 or 8, they do not process CSS the same as IE 9 or Chrome or Firefox. You may need a separate stylesheet for IE 7 and 8. Can you reply with your code? It may be your CSS and now your HTML.

   replyreport
   1. 38

      ChristinSposted 11 years agoin reply to this

      It doesn't give me enough room to paste the code or I sure would! It's all of IE that is doing it - did I mention I hate IE? lol

      replyreport
   2. 63

      hotwebideasposted 11 years agoin reply to this

      Do you know what version of IE? It should not be a problem with IE 9, but the lower versions. Which one do you have? Also, can you paste the URL here?
      
      Do you think I should write a hub on this? LOL

      replyreport
3. 63

   hotwebideasposted 11 years ago

   I am writing this hub in response to the Hub Pages member ChristinS who had a question that she could not get a beautiful website that looks great in Google Chrome and Mozilla Firefox, but the navigation fails to display well in Internet Explorer. I... read more

   replyreport
   1. 38

      ChristinSposted 11 years agoin reply to this

      Thank you for taking time to write a hub in answer to my question I promise to go check it out this weekend! Much appreciated

      replyreport
   2. 63

      hotwebideasposted 11 years agoin reply to this

      You're welcome, Christin, glad you like my hub as well about Internet Explorer.

      replyreport
4. 77

   MyWebsposted 11 years ago

   There are so many hacks, work arounds and shims need to make websites work properly in IE that it is almost impossible to keep up with them all. So why bother trying when there is HTML5 Boilerplate? http://www.initializr.com/ is a nice front end for picking and choosing which components you need. I prefer the 'Bootstrap' config. Bootstrap code comes from Twitter by the way. http://twitter.github.com/bootstrap/
   
   Forgot about trying to figure out why this or that doesn't work on IE. I'd bet money this code will solve all your headaches or your money back, well it is free so no money back guarantee.

   replyreport
   1. 38

      ChristinSposted 11 years agoin reply to this

      I'll check out your resources for future projects.  Unfortunately this one is almost done and how the client wants it lol so my opinion doesn't matter

      replyreport
5. 42

   Borsiaposted 11 years ago

   Hi Christin I have problems with IE acting different that the others as well.
   I'm no expert or even an advanced amateur but in my site borsia.com which is nothing more than a few stacked tables IE can't seem to get the top table right while all the others do it flawlessly.
   
   Please if you are going to ask us a question about web design start by giving us the URL so that we can see the problem. We can also view the code, assuming we know how to read it.
   
   In the case of my simple site I have others built with this same technique that work fine in IE as well as all others.
   
   If you go to The W3C Markup Validation Service (validator.w3.org) it will give you a report that shows any errors with line / column so you can go through and fix things.

   replyreport
   1. 38

      ChristinSposted 11 years agoin reply to this

      It is a site I am building so I can't share the URL.  I do use w3c thanks for commenting.

      replyreport
   2. 63

      hotwebideasposted 11 years agoin reply to this

      Hey Borsia, I saw your site in IE & Chrome & see what you mean.
      
      3 Options:
      
      1) Your TD tags are all 24 pixels. Give the last TD a smaller width.
      2) Convert your table HTML to DIVs. Improve your CSS.
      3) My hub above offers for a solution.
      
      Br

      replyreport
6. 73

   Insightful Tigerposted 11 years ago

   I don't have an answer, but may I suggest using Chrome?

   replyreport
   1. 63

      hotwebideasposted 11 years agoin reply to this

      Hey, Insightful Tiger , She is not talking about herself using IE, but whoever views her website. Websites should look good on all browsers. One of the annoying challenges of beinging a web designer. LOL

      replyreport
   2. 73

      Insightful Tigerposted 11 years agoin reply to this

      ohhh  I see!!

      replyreport
7. 61

   vuttoposted 11 years ago

   first learn css
   or give the url here, may i could help you in a better way.

   replyreport