4 replies [Last post]
davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 48 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

I just viewed my site, www.portlandwinegroup.com in IE6 and its all one column? Shock

How do I adjust this? It looks fine in Firefox and Safari.

Since I rarely use Windows, does IE7 corrupt the site the same way?

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 6 years 33 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

change the dl width to 200px

change the dl width to 200px (210 max) - what's happening is that IE auto expands a container to fit it's content while standards observant browsers allow it overflow. The dls being 300px wide make the two columns too wide to fit in the #content column.

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 48 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

Thanks, got the two main

Thanks, got the two main columns fixed, but the right column links are still at the bottom of the page. Do I adjust the dl more?

#linkarea { float: left; width: 127px; /* 3px shy to allow for IE's float margin bug */ margin: 0 10px; Should I change the width here in linkarea?

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 6 years 33 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

You have an image with a

You have an image with a width of 214px in a column with a width of 127px. Again, IE is auto-expanding the containing element (the #linkarea column) to accomodate. This new width column will not fit in the container. All other browsers are allowing the image to overflow the column (and the overall container/wrapper). You'll need to remove or change the image to fix things in IE.

davek7
davek7's picture
Offline
Enthusiast
Portland, Oregon
Last seen: 10 years 48 weeks ago
Portland, Oregon
Timezone: GMT-8
Joined: 2005-11-04
Posts: 172
Points: 1

I'll make the image smaller.

I'll make the image smaller.

Thanks again Smile