css template issue with IE

[JJBlaha]

View [url=http://www.summonersonline.com/a/]this page[/url] in firefox.  Then view it in IE.  I want it to work like it does in firefox in IE, but cannot figure out how to do it, any suggestions?

Make sure you resize the window to very large and very small to get what it is supposed to be doing.

[ToonMariner]

have you tried removing teh height: auto from the css declaration for #content.

[DarkendSoul]

Something that you may not of noticed and is unrelated to the problem but if you shrink the window horizontally it doesnt have a point at which it stops shrinking, instead it'll just keep going till it looks too small.

[dbrimlow]

Nice floating technique.

The iestyle.css has null values for widths and heights. Where did you come up with this?

For the IE try overflow:auto and visibility:visible.

[JJBlaha]

Your changes still do not work for pre IE7.  If I use the template I may have the user dowload FF or IE7 before they can view the page, or just wait until IE7 is more prevalent.

As it is now it works in IE7, but not previous versions, and of course FireFox.

As for the technique I had an idea of how to do it and am in the process of expierimenting to get it to work.

[dbrimlow]

#content simply cannot be:

[code]height:auto;
width:auto;
overflow:auto;[/code]

without a "visibility:" of either - "default, inherit, hidden or visible"; it will never display correctly in IE 5.x, 5.5 or 6.

You also have "overflow:" options of :auto, hidden, visible or scroll.

You should create a new css for just IE styles and use a conditional comment tag so it doesn't blow up in real browsers, yet works in IE's various versions.

<!--[if IE ]>
<link rel="stylesheet" type="text/css" href="/css/ieonly.css" media="screen">
<![endif]-->

You can then use "overflow: scroll".