Gary Williamson wrote: > I have a two column page. Column one is floated and contains text and Column > two contains an image. When I resize the window the image drops down below > the text at a certain page size. Is there a way to stop this happening in IE > (I know I can use min-width in Firefox). Basically I want the text to keep > getting smaller in column 1 and the image to remain on the same line even > when the page is resized. Also I have to use 49% for each column to get the > text and image to remain together on one line. Why can' t I use 50%? > > Thanks > All good questions. Someone else on the list may be able to help answer them better than me.
IE has problems with percentage widths-- particularly if something of a fixed with (an image) is enclosed. The wider the image, the greater the difficulty in keeping her from dropping the float. And the overall width needs to be 99% or less in order not to draw a scrollbar. However, with an overall 99% width, one can put two adjacent 50% containers. This layout [1], based on a concept by Georg Sortun [2], holds in IE to an approx. 774px window before dropping the float. The image is 171px wide. Once again, another list member may be able to improve on this, or provide a better solution. [1] <http://www.chelseacreekstudio.com/ca/cssd/5050.html> [2] <http://www.gunlaug.no/tos/moa_12a.html> Best, ~dL -- http://chelseacreekstudio.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
