How do I get this feature to work in IE?

[R@mses]

Hello!
I am new here and I hope to get your input in this issue.

I found (I thought) an excellent way of making a sajt adjustable to a wider screen och even a smart phone.

Take a look at these two pages:

http://www.w3.org/

http://www.stephencaver.com

Try to shrink the screen vertically and you see how lovely the elements gets sorted for a more narrow screen without loosing the message (in Safari or Firefox).

This is what I am trying to achieve on my sight. It looks great in Firefox and safari but embarrasing in IE. If you look at Stephen Cavers page in IE it looks terrible too. So my question is, is this not at all possible in IE?

I have four sections/images perfectly lined up horizontally and they are set in percentage. I IE the last of the four ends up undeneath the first one and it does nog adjust as nice when the screen shrinks.

I am sorry about not giving you the code, but first I just want to ask you if you believe this is impossible to achieve.

Thank you!

 

[Phreaddee]

I think what you are referring to here is called "responsive web design"

check out this post. brilliant overview of it.
http://www.alistapart.com/articles/responsive-web-design/

IE is notorious for not playing with everybody else, and here it is no different.
I believe it is the media queries or perhaps min/max width/height that IE has issues with. this "Apparently" has been addressed in ie9 (but a I run XP/snowleopard, I cant use ie9 , so I cant answer that for you)

within that article though they do mention a jquery plugin that helps, so it might be worth checking that out.

 

[R@mses]

Thanks Phreaddee! Yes! That is exactly what I am looking for. I guess I am way over my head here, but I will definitley check out the jquery plugin.

 

[PapaGeek]

Have you checked out the variable HTML script. It does teh same thing without all the "IF" statements in the head section of the HTML file.
http://www.variablehtml.com