d2fox
asked on
background images not showing in ie, works fine in ff
Here's my page:
http://www.nethealthinc.com/aad_dev/new2/feedbackpage.asp
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...
http://www.nethealthinc.com/aad_dev/new2/feedbackpage.asp
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...
ASKER
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)
THANK YOU!!!
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)
THANK YOU!!!
body{
text-align:center;
... }
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..
text-align:center;
... }
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..
ASKER
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?
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?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Responsive, great answers!
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.
also
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">
<tr><td><center>"
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 :)
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.
also
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">
<tr><td><center>"
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 :)
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..pret ty much the Excell look :)
width:263px;
thats your problem .. try
#q-tab1 a{
width:100%;;
and the same for all qtabs anchor styles