What must I do to match IE to display as FF 1

[southbeach]

I just finished putting together a PHP script which I am intending to publish as a demo. You can check it out here

http://www.fpgroups.com/phptest/

It looks great in FF - Everything flows and works as I intended it to. If browsing using IE 6.0, I get unexpected layout.

What gives?

Thank you all in advance for you help!

PS: If you are interested in the PHP script(s), just drop me a note and I will zip it up for you!


--
SouthBeach

http://www.fpgroups.com

The good thing about not knowing is the opportunity to learn - Yours truly, 2008.

 

[Vragabond]

IE6 is an old and terrible browser. I checked your page and the bulk of it looks decent in IE6. I would be satisfied with that. What specific issues bother you in IE6?

[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[southbeach]

If you look at it with FF you will immediately notice the difference.

I intended the page to have a top banner, left nav-bar and the body content to the right.

I am using background image on the layer to force the nav-bar to maintain a uniform parallel (vertical) size.

All of this is fine in FF but in IE the nav-bar does not extend and it appears that the image shows on the right hand side. Open the link in FF and you will see it in a jiffy!

Regards,





--
SouthBeach

http://www.fpgroups.com

The good thing about not knowing is the opportunity to learn - Yours truly, 2008.

 

[traingamer]

All of this is fine in FF but in IE the nav-bar does not extend and it appears that the image shows on the right hand side.

IE6 - the nav-bar does not extend - so what? IE6 users (like me) will get a different view.

The image shows on the right hand side - it's on the left for me (XP IE6.0.2900...) unless you're not talking about the php test page image.

Greg
People demand freedom of speech as a compensation for the freedom of thought which they seldom use. Kierkegaard

 

[BillyRayPreachersSon]

The height issue is easy, and a quick search for "IE6 min-height" would reveal this: IE 6 doesn't support min-height.

However, if you use 'height' with the same values (for IE6 only), then you'll be sorted. You can either do this with the underscore hack:

min-height: 380px;
_height: 380px;

or, if you want your CSS to validate, then use conditional comments to include an IE6-only style sheet.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

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

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

Code Couch Tech Snippets & Info:

http://www.codecouch.com/