<DIV>'s not wrapping correctly in IE

[FesterSXS]

This page -

http://www.SpiraxSarco.com/villa/availability.asp

- displays absolutely fine in FireFox but IE6 is not wrapping the months properly. When the page is resized the months on the right disappear behind the Legend. The containing <DIV> for the months has a padding-right set to about 200px in order to avoid this.

Can anyone see what might be causing this?



Tony
[red]_________________________________________________________________[/red]
Webmaster -

http://www.SpiraxSarco.com/

 

[FesterSXS]

The link in the above post should now be:

http://www.SunVilla4U.com/availability.asp

Also - the legend doesn't seem to appear in IE6 until the page is resized - it then displays the unwanted behaviour as described above - anyone got any ideas?

thanks

Tony
[red]_________________________________________________________________[/red]
Webmaster -

http://www.SpiraxSarco.com/

 

[mkrausnick]

It acts like you have specified absolute positioning for RIGHTINFO. Without seeing the CSS, it's hard to make any suggestions, but one quick one: Since your left menu is fairly short, why not put the legend below the left menu, and avoid the issue?

And I'm speculating that the legend delayed pop-up issue maybe has something to do with the autosize js. I'm not a js guru though.

Mike Krausnick
Dublin, California

 

[FesterSXS]

Hi thanks for replying,

Yes I do use absolute positioning for the rightinfo div. It behaves correctly in FF. I would like to keep the legend in there as the rightinfo div is used on most pages for holding ancillary information.

The autosize.js is part of the left-hand menu code and has nothing to do with the rightinfo div - i can see where you might have thought otherwise though

Relevant CSS code:

#content {
padding: 20px 198px 0 172px;}

#rightinfo {
position: absolute; 
top: 20px; 
right: 30px; 
width: 150px; 
height: 400px; 
padding: 5px; 
background: #EBF9FF; 
border: 1px solid #C0C0C0;}

div.month {
float: left; 
width: 212px; 
height: 137px; 
margin: 5px;}

The complete CSS is here -

http://www.SunVilla4U.com/css/villa.css

Tony
[red]_________________________________________________________________[/red]
Webmaster -

http://www.SpiraxSarco.com/