Problem with display in IE7 (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

jango -> Problem with display in IE7 (2/2/2007 10:52:15)

Hello,

I noticed after installing IE7 and viewing a couple of pages from our company web site that they are not displaying correctly and I am not sure how to fix it. I used a template we bought and Dreamweaver 8, plus added some code for other functions. I am not good at hand coding so I have not figured out by reading the source code what is wrong. Displays ok in Firefox and was ok with IE6.

Any help would be appreciated. I hope the code isn't too awful to look at. Some of text is cut off on home page, some text runs over the design on other pages.

www.coachingforservice.com

Thank - you.



Tailslide -> RE: Problem with display in IE7 (2/2/2007 11:26:45)

I came across a similar sounding issue on another site today. The problem is that IE7 doesn't recognise display:table any more and has fixed a height issue it used to have which meant that it used to automatically expand divs to the height of the content (which it shouldn't). The upshot is that it now does neither and you run into this issue.

It seems that the solution is to add an IE7 conditional along these lines 

<!--[if IE 7]>
<style type="text/css" media="all">
#yourproblemdivname, #yourotherproblemdivname {height:auto;min-height:100%}
</style>
<![endif]-->


Let us know if this helps at all - try it on the content div first as that'll be the easiest to see.

Edit: sorry I didn't say where to put the conditional did I! Put it in the document head on each page.



jaybee -> RE: Problem with display in IE7 (2/2/2007 11:34:09)

I know they wanted IE7 more compliant but it's a bit drastic removing support for tables. [:D]

Reminds me of the old song..

"All or nothing"



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.046875