Site Text Not Showing in IE ??

allreal · 06-26-2006, 09:58 AM

Thanks for any help with the issue below:

The links I am placing on the left hand column of this site do not always display in Internet Explorer. You will not experience the error using Firefox for example.

Site: http://www.247suppliers.com/classic/

Sometimes they may require you to hover over them - and then they display correctly, sometimes they all show, sometimes none show. Refresh the browser in IE when it loads and you will be able to see. The same happens sometimes when you minimize then maximize.

Any tips/ideas on what is causing this and a possible fix? Any suggesstions greatly appreciated!

chicgeek · 06-26-2006, 10:51 AM

Upon a quick inspection, you have used <div id="nav_font"> multiple times. IDs are to be used for a single instance on the page, CLASSes are for repeated instances.

So try that first. Change all instances of id="nav_font" to class="nav_font", and then attached CSS appropriately from #nav_font to .nav_font

It's a start. You may want to also look at the other problems with validation. There are many.

allreal · 06-26-2006, 11:58 AM

Thanks.

Made the change. Still no solution. I agree it needs some validation improvements so would appreciate any more direction that may solve this.

chicgeek · 06-26-2006, 12:05 PM

Actually, with those changes, the page is fixed for me in IE. You may need to refresh.

allreal · 06-26-2006, 12:23 PM

I still get it on initial load and when resizing. Subsequent refreshes clears it up sometimes still.

vangogh · 06-26-2006, 01:52 PM

I just checked the site in IE and I'm not seeing the problem. All the links seem to be there on the initial page load. Are you still having the issue or did you manage to fix the problem?

What version of IE are you using? I'm using IE6.

allreal · 06-26-2006, 02:27 PM

IE 6 here also.
I am going to check from some other PCs.

While I have some support here, the footer top margin is working in IE, but not in firefox. I am trying to have some spacing between the columns and the footer as seen in IE in all browsers.

Also, how can I reduce the spacing between the top tabs and the beginning of the columns. The big space there is left by closing a div and opening a new one.

Thanks for all the help!

allreal · 06-28-2006, 05:20 AM

Just trying to see if anyone had any more thoughts on the left column links not showing all the time in IE 6.

Thank you.

Tomassi · 07-04-2006, 06:47 AM

try to clean up the bugs, chicgeek was right about the id stuff, it can get screwy for rendering in IE, otherwise try a <br style="clear:both;" /> under the menu

and for validating issues, the best validator imo is the xhtml doctype

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtmml/DTD/xhtml-strict.dtd">

when using this doctype you have to end tags with /> what you were doing already

allreal · 07-17-2006, 10:26 AM

Bump.

Thanks for all the help so far. The issue is still haunting me however. Links show perfect in Firefox but IE does not always show or will only show when hovered over.

Site can be visited here

Any more ideas or can anyone take a crack at getting this to display as well in IE as it does in other browsers?

RyanJonPilling · 07-17-2006, 11:27 AM

In my experience, using any "float" in CSS can cause entire sections of content to randomly vanish and re-appear when viewing in IE. (the "IE float bug" is well documented in google... but is no single *ultimate* solution, that I've found)

So... can't say how to help, but that may be the cause of the problem.

-Ryan

chicgeek · 07-17-2006, 11:35 AM

If your entire page is based on CSS positioning and floats and your code is clean (validates) then there should be no problems.

The problems arise when people mix types of page structure. I almost recommend starting from scratch and keeping your code very clean. You have your content and images, so it shouldn't take more than a couple of hours.

allreal · 07-18-2006, 05:28 AM

Thanks for the help.

Do you know of a service I could hire to go through my code and address this issue? I assume a professional can do this quickly.

allreal · 08-10-2006, 05:15 AM

Thanks to Bas ten Feld
If anyone else if having this problem, ensure your position for the column that is intermittently showing to relative:

style="position: relative;"

Thanks Bas.

chicgeek · 08-10-2006, 06:56 AM

Sorry mate, I definitely forgot about this thread. Glad to hear it's sorted out!

aaron lozier · 08-10-2006, 08:58 AM

This is the IE peekaboo bug (version 6). We won't have to deal with this anymore once everyone upgrades to 7. In the meantime I have found that setting the line-height of the element giving you trouble is the most versatile solution.

http://www.positioniseverything.net/.../peekaboo.html

NQUK · 08-10-2006, 04:59 PM

I just loaded it in Maxthon (IE based) and there was the big blank spot still.