We help IT Professionals succeed at work.

We've partnered with Certified Experts, Carl Webster and Richard Faulkner, to bring you two Citrix podcasts. Learn about 2020 trends and get answers to your biggest Citrix questions!Listen Now

x

IE7 min-height and padding.

reesespeices072
on
Medium Priority
1,919 Views
Last Modified: 2012-08-14
When I set a min-height for the content div, IE7 gets weird and messes up my padding.

http://paroxsitic.50webs.com/css/

Comment
Watch Question

CERTIFIED EXPERT

Commented:
Hi reesespeices072,

I understand the min-height problem has been fixed in ie7, so your hacks for that should be in a stylesheet with:
<!--[if lte IE 6]>
<link rel="stylesheet" href="IEbugs.css" type="text/css" />
According to the conditional comment this is Internet Explorer lower or equal to IE6
<![endif]-->

If you are using other hacks for IE7 you may want to put them in another stylesheet with a conditional comment for that particular version of IE.

http://www.brucelawson.co.uk/index.php/2005/future-proof-your-css-with-conditional-comments/

Author

Commented:
It is my understanding that IE7 does fix min-height. Before it did not act how it should, and now it does in IE7. That is not my problem. min-height works how it should, it just messes up my padding as its working.

I already knew about the conditional comments and I had fixed the problem, but I find using a whole new css just for IE is painful and it doesn't seem that professional to me, I'd rather use a hack inside the css I already have.
CERTIFIED EXPERT
Commented:
Please note the conditional comment I suggested is different from the one you have. Yours addresses ALL IE browsers (including IE7), my comment addresses IE6 and below. I have called some other experts to take a look at your question though.

Not the solution you were looking for? Getting a personalized solution is easy.

Ask the Experts
Top Expert 2005
Commented:
In layout.css, try this instead of the current.

#content {
      margin-left:200px;
      padding: 1px;
      padding-left: 20px;
      padding-right: 20px;
      min-height: 450px;
}
Access more of Experts Exchange with a free account
Thanks for using Experts Exchange.

Create a free account to continue.

Limited access with a free account allows you to:

  • View three pieces of content (articles, solutions, posts, and videos)
  • Ask the experts questions (counted toward content limit)
  • Customize your dashboard and profile

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.