Ahh the wonders of making it work in IE6.

 

Basically what I have is a div that is set to 100% and I am positioning something to the right using absolute positioning (this needs to be absolute). Now if the browser window is too small this absolute positioned thing will overlap the text making it impossible to read...so to counteract this I am setting a min-width of 950px; so that it won't be smaller then this, so the text can still be readable.

 

But the wonderful IE6 doesn't like min-widths. So how can I make it so that IE6 and below pays attention to this min-width? I know there is a JS way of doing it, but what I would like to know is if there is a way to do it without using JS.

We're on IE8 now!

 

Why don;t you just simply put a 100% 30px high div at the top saying:

 

"YOUR BROWSER IS OUT OF DATE - UPGRADE NOW - CLICK HERE"

 

We tried it on one of our websites and we found that 75%('ish) of people who the div popped up to clicked it.

 

That was when IE 7 was released and we were still doing IE5.01 fixes.

You could try adapting this code used for min-height

 

/*wrapper centres page*/
#wrapper {
margin : 20px auto 0 auto;
padding : 0 0 0 4px;
width : 954px;
min-height : 547px;
overflow : hidden; 
background-color : #fff;
text-align : left;
border-width :  0;
border-style : solid;
border-color : #272620;
}

/*fix for IE6 including stand alone versions that do not read conditional comments*/
* html #wrapper { height : 547px;
overflow : visible; }

 

The * html # bit targets IE6 which reads height the same as other browsers read min-height, think this may also apply to width.

 

We're on IE8 now!

 

Why don;t you just simply put a 100% 30px high div at the top saying:

 

"YOUR BROWSER IS OUT OF DATE - UPGRADE NOW - CLICK HERE"

 

We tried it on one of our websites and we found that 75%('ish) of people who the div popped up to clicked it.

 

That was when IE 7 was released and we were still doing IE5.01 fixes.

 

firstly IE8 is beta so we are only in 7!

 

How about because this is a clients site, and I am one of those people that believes that if you are getting paid to do something

a. you should do it right.

b. you should attempt to reach the highest amount of people.

c. the client doesn't want that to happen

d. Maybe some people like using IE6 and don't want to upgrade, who am I to tell them otherwise?

 

So this means that the site should work on as many browsers that people still use (including the old ones that give us headaches). As after all I am being paid to do this and as such I owe it to the client and also the users of the site to make sure that it is usable to all.

 

 

Why the hell do web designers think they can dictate how people use the net anyway?

 

 

 

Thanks for that headcoat, I will have a look and see if it will help

d. Maybe some people like using IE6 and don't want to upgrade, who am I to tell them otherwise?

 

if they like IE6 they are clearly certifiable ;-)))

 

the real problem is not domestic users but big companies who haven't upgraded from IE6 for may reasons others can explain better than moi...light on the horizon is after IE6 finally gets the boot we'll on the whole have nmuch more standards complaint browsers to work with.

 

Why the hell do web designers think they can dictate how people use the net anyway?

 

well if you design something you to some extent do decide/dictate how it can be used, same with anything really.

 

though of course i understand your general point/s and agree with them. just take a deep breathe...

 

let me know how you get on with adapting the min-height workaround, it worked for me..

 

The easiest way is

#div {
min-width: 600px;
width: auto !important;
width: 600px;
}

IE6 doesn't understand !important so will give you a width of 600px. Something that understands !important will understand min-width