We value your feedback.
Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!
COURSE of the MONTH
13 days, 11 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
IE7 min-height and padding.
Posted on 2006-11-05
When I set a min-height for the content div, IE7 gets weird and messes up my padding.
http://paroxsitic.50webs.com/css/
http://paroxsitic.50webs.com/css/
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
2
6 Comments
Active today
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/
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/
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.
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.
Active today
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.
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
When writing CSS, there are a few simple rules that will make your life easier.
1. Using ‘* {box-sizing:border-box;}’.
Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS
Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS
Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
Suggested Courses
Course of the Month13 days, 11 hours left to enroll
800 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.