min-width

I have been struggling for some time, trying to make IE behave as if it
actually do understand the css attribute min-width.

In FireFox this code vill work perfectly:

<div style="width: 60%; min-width: 300px;">Some texst</div>

If the viewport is more than 500 px wide, the width of the box is 60 % of
the width of the vieport. If the viewport is less than 500 px wide, the
width of the box is 300 px.

IE doesn't understand that and the width of the box is always 60 % of the
width of the viewport.

Nothing I have tried works as wanted.

Anyone who knows how to make IE do as wanted?

--
Yours
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk

Erik Ginnerskov

Erik Ginnerskov wrote:

> Anyone who knows how to make IE do as wanted?

It's a total hack, but I would use something like:

<div style="width: 60%; min-width: 300px; border: 1px solid black;">
<div style="width: 300px; height: 0; line-height:0;></div>
</div>

Again, it's a total hack and kinda takes us back to the days of filler
images for positioning, but it's the only way I can really think of that
would work adequately.

--
Dylan Parry
http://webpageworkshop.co.uk -- FREE Web tutorials and references

Dylan Parry wrote:

> <div style="width: 300px; height: 0; line-height:0;></div>
^^

Of course, there is a missing " there

--
Dylan Parry
http://webpageworkshop.co.uk -- FREE Web tutorials and references

In article <>,
lid says...
> I have been struggling for some time, trying to make IE behave as if it
> actually do understand the css attribute min-width.


Lets think... hmmmm 90% of the visitors will probably use IE. So how
much time do you want to spend on something that will not work on the
browser of choice of almost all your visitors. Change your design.

> IE doesn't understand that and the width of the box is always 60 % of the
> width of the viewport.
> Nothing I have tried works as wanted.

You supplied yourself with the answer. IE doesn't know how to do it.
it will not work for IE which means it will not work for most of your
visitors. So you have 2 options.. Don't do it. Or put up a stupid
message that the page is optimized for everything but IE.

> Anyone who knows how to make IE do as wanted?

Yes, but it would require that get the source code to IE and make some
changes. Bill won't like that.


--
-=*Tn*=-

Dylan Parry wrote:

> It's a total hack, but I would use something like:
>
> <div style="width: 60%; min-width: 300px; border: 1px solid black;">
> <div style="width: 300px; height: 0; line-height:0;></div>
> </div>

It's very much like a solution with a 1px high invible *.gif, I have used
previously. I don't like this way to do it.

--
Yours
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk

Erik Ginnerskov wrote:

> It's very much like a solution with a 1px high invible *.gif, I have used
> previously. I don't like this way to do it.

Well, you're pretty much stuck then. At least with using a division you
are not adding any fake content to the page as you would be using an
image. It's still not ideal mind

--
Dylan Parry
http://webpageworkshop.co.uk -- FREE Web tutorials and references

Travis Newbury wrote:

> Lets think... hmmmm 90% of the visitors will probably use IE. So how
> much time do you want to spend on something that will not work on the
> browser of choice of almost all your visitors. Change your design.

That's the easy answer. It would be jumping the fence at the lowest point.

But you see, I'm running a web-site where others seek the answer when having
trouble with their own homepage. I allready have made pages, where I show
how to make min-height and max-width. These pages work fine in IE and I
would like to fill in the blankes (max-height and min-width) too.

>> Nothing I have tried works as wanted.

> You supplied yourself with the answer. IE doesn't know how to do it.

I do not see it that simple. I know IE will not understand plain css for
these things, but somebody may know a hack that works.

You can se the how to solve the min-height problem at:

http://hjemmesideskolen.dk/html/testsider/minheight.asp

and how to solve the max-width problem at:

http://hjemmesideskolen.dk/html/testsider/maxwidth.asp

Notice: The explanation is written in danish, but the code used (and showed
on the pages) is naturally international.

--
Yours
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk

Erik Ginnerskov wrote:
> I have been struggling for some time, trying to make IE behave as if it
> actually do understand the css attribute min-width.

http://dean.edwards.name/IE7/

Dylan Parry wrote:

>> It's very much like a solution with a 1px high invible *.gif, I have
>> used previously. I don't like this way to do it.
>
> Well, you're pretty much stuck then.

I hope, you are wrong. I've already found a way to make min-height and
max-width work in IE too. It just takes a little css hack - a few lines of
extra code.

--
Yours
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk

Leif K-Brooks wrote:

> http://dean.edwards.name/IE7/

I've heard of that before, but never actually tried it. How does it
perform in the real world? Have you used it on any sites that you've
made? I assume that as it is a Javascript fix (I think?) that it won't
work in some cases because folk have disabled scripting

--
Dylan Parry
http://webpageworkshop.co.uk -- FREE Web tutorials and references