background images not showing in ie, works fine in ff

Posted on 2011-03-13
Last Modified: 2012-05-11
Here's my page:

If you view this in FF, the header nav works great! When viewed in IE 8, the background images on the top nav (complete info, gather charts, review & submit) don't show.  also, the centering of the page and the nav is gone.  I cannot figure out why.

The style sheets are accessible through the page, I think.

thanks for any help...
Question by:d2fox
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 3

Expert Comment

ID: 35125098
#q-tab1 a{

thats your problem .. try

#q-tab1 a{

and the same for all qtabs anchor styles

Author Comment

ID: 35125140
dwkd,  YOU ARE AWESOME!  How did you know that?

Can you tell me how to center the nav section on the page and center the page in the window (they are both skewed to the left in IE 8)


Expert Comment

ID: 35125161
... }

will center your container in IE --but watch out for all children of "container" aligning center -- so add:
#container { text:align-left; ... }
as you probably know it is all aligning thanks to this line in your css #container { margin:0 auto;.. }

see what that does and we'll go from there..
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!


Author Comment

ID: 35125217
so that worked as well.  You are great!  

I'm going to push my luck and ask one more thing.   The text on the top arrows (complete info, gather charts, review & submit)  used to be further to the left.  Somehow as I have updated the pages, it has shifted to the right 30px or so.  Do you know how I could correct that?  


Accepted Solution

dwkd earned 500 total points
ID: 35125241
well it does it in FF and IE now so its just a result of aligning everything inside the body "center"
try adding a #quality-tabs { text-align:left; } and see how that goes

Author Closing Comment

ID: 35125275
Responsive, great answers!

Expert Comment

ID: 35125357
glad i could help

also, now that you know how to successfully align stuff around you can stop using the <center> tag which is deprecated  and search engines give you less rank when they find deprecated old techniques.
so that means also getting rid of the <table>'s and moving to divs only .. like the bottom footer with the links and the copyright
<divs> are fun and use less code than tables

all this: "<table width="800" border="0">
can be written as <div class="footer">
and then you work from inside the css file on the .footer with text-align:center and what not :)


Expert Comment

ID: 35125386
ok i felt like i should add that you shouldn't get the wrong idea about <table> tags .. they're not deprecated, as a matter of fact google and other major players in the web business uses them a lot in the development of their sites.. but what you have is not an efficient way to use them... it just makes the code ugly :) .. i say use table when you want to display info in an organized, spreadsheet type of way with the nice arrangements,borders..pretty much the Excell look :)

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
ASP.NET Calendar Control 5 47
Anchor Bookmark 6 31
Importing website from Wordpress into updated theme 3 31
Ajax calendar distorted 4 12
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at Browse or search based on font properties or name to find a suitable font for…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

738 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question