Fluid design – problem with IE

October 4, 2006

My 0.2-bb-right is completely [tag]fluid[/tag]. If you sequeeze the width too much while there is an image in your post you’ll get below in IE7RC1. The image will be pushed down to below the right sidebar.

IE_fluid_rightbar

In my 0.2-bb-left design where the sidebar on the left is of fixed width the situation is still the same in IE7, see below.

IE_fixed_leftbar

In Firefox it’s good without me doing anything special. You’ll see from below that the image will take care of itself, i.e. stepping into the right sidebar without disappearing downwards. That tells you that you are sequeezing too much and should stop right there.

FF_fluid_rightbar

If the sidebar is on the left and of fixed width, you’ll see below. The text still wraps and the image cuts off by the edge of the browser.

FF_fixed_leftbar

There must be a way to handle IE7 in this case for a [tag]fluid design[/tag]. I just have to keep looking.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: