Webpage not working in IE6

[ck1999]

I have a website I have been developing and am having issues with its layout display in IE6.02. I was using firefox and IE7 to test the site to make sure they both looked correct, but have come to find out IE6 does not display correctly.
Does anyone know what I can do to fix this?

I have check complaince with W3C and the pages are correct.


ck1999

 

[feherke]

Hi

Does anyone know what I can do to fix this?

No, but I know what you can do to let us help you...

Post the site's URL.

Feherke.

http://rootshell.be/~feherke/

 

[ca8msm]

To quote a recent thread, the problem is on the line I'm pointing at...




____________________________________________________________
Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]

Need help finding an answer? Try the Search Facility or read FAQ222-2244.

 

[Vragabond]

Thank you for sharing that with us. We all know that IE6 can mess things up from time and time and we sympathize with you.

If you're looking for more than out sympathy, you should give us something to go on -- a link to the page or some relevant code.

Unless, I just thought of that, you want us to guess. I think it is the margin on the navigation items.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]

 

[ck1999]

http://www.enviroserveinc.com

is the website

ck1999

 

[BillyRayPreachersSon]

Two out of your 3 CSS files don't validate, though:

http://jigsaw.w3.org/css-validator/...nu.css&warning=1&profile=css21&usermedium=all

http://jigsaw.w3.org/css-validator/...te.css&warning=1&profile=css21&usermedium=all

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[ck1999]

I have updated the css sheets and still the website is not working in IE6.

Ck1999

 

[ChrisHunt]

Well, there's this bit of code that's only applied to IE6 and below:

/* Holly Hack for IE \*/

* html .glossymenu li { float: left; height: 0%; }

* html .glossymenu li a { height: 0%; }

/* End */

I'd suggest taking that float out, or adding a [tt]clear: left[/tt] to it. Or, if you have to keep the uncleared float, try giving the <li>s an explicit width in pixels that fills the whole line.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[ck1999]

Thanks for all the help

Chris, this has allowed me to fix 1 issue.

Dan, I have checked and the css sheets are now valid.

Now my problem is that the header is still not being displayed. I have placed the header with position:absolute and still it won't display now in IE6 or IE 7 but will in firefox! Any Ideas?

website

http://www.enviroservienc.com

has the header in ie7 and firefox but not in ie6. I am using

http://www.enviroserveinc.com/test/

as a working copy that fixes some issues that i am having but still does not display header in IE.

ck1999

 

[Vragabond]

I think your page is failing so much because it is a simple design that is being coded too complex. This is what I would do (did not test if this makes IE6 show the header, but it should).

1. Remove the float on #content and every div inside the content (just float what you need to).
2. Remove the left, top and absolute positioning from #header.
3. Remove the width from the header.

That should make your header tuck nicely next to the floated menu, with its background colour quietly lingering below the left menu and the text simply avoiding the menu. It's the way of doing it with the natural flow.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]

 

[ck1999]

Thank you vragabond. I tried your suggestion but the header is suppose to be beside the home contact us not all the way across the top. Also when i remove the float:left the main is below the left portion. and I tried making content-main float:left but this did not work.

Also I checked the above in IE6 IE7 and Firefox

ck1999

 

[ck1999]

I was reading another post and the mentioned

/* Hides from IE-mac \*/
* html #header {height: 1%;}
/* End hide from IE-mac */

This allows the header to work in all 3 browsers.
But in IE6 the header is approx 20 px to narrow and the height is cut off below the letters instead of having about 30px below the letters.

ck1999

 

[Vragabond]

You do not seem to understand. Sure, you can pile a hack upon fix upon a hack upon a workaround and end up with a working solution across all browsers. Or, you can simplify and get that solution much easier. Because browser differences are not such that it would be impossible.

I tested my solution in FF and it rendered the same as your page in FF (I am talking solely about the header). But the solution will not give you the copy&paste option for a working website. It will give you a start of how to do these things in an easier and more appropriate fashion, which will result in a code that is simpler to work on and maintain.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]