Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1903
  • Last Modified:

IE7 min-height and padding.

When I set a min-height for the content div, IE7 gets weird and messes up my padding.

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

0
reesespeices072
Asked:
reesespeices072
  • 2
2 Solutions
 
DaydreamsCommented:
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/
0
 
reesespeices072Author 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.
0
 
DaydreamsCommented:
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.
0
 
rdivilbissCommented:
In layout.css, try this instead of the current.

#content {
      margin-left:200px;
      padding: 1px;
      padding-left: 20px;
      padding-right: 20px;
      min-height: 450px;
}
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now