CSS problem in IE

[CHRISGEE]

Hey guys.

I'm a CSS newbie and I have a page I layed out in CSS. Surprise, surprise, it all looks great in Firefox and Safari but in IE it breaks.

The left photo div should be side by side with the right content area but in IE, unfortunately the right content area gets wrapped below and to the right.

Any ideas? Here is the link to the layout (http://www.cube-interactive.com/test/rich/home2_old.htm) and here is a link to the css (http://www.cube-interactive.com/test/rich/includes/main.css).

Help please.

[Ryan8720]

First off, those imagea are WAY too big filesize wise. They need to be compressed. Takes forever to load on dialup. Generally, an image should not be more than 25kb on the web, especially if there are more than one.

As far as positioning, since nothing needs to be fluid, I'd just absolutely position the images and content area. There isn't really any reason to mess with floats and IE bugs in this situation.

[CHRISGEE]

First off, those imagea are WAY too big filesize wise. They need to be compressed. Takes forever to load on dialup. Generally, an image should not be more than 25kb on the web, especially if there are more than one.

As far as positioning, since nothing needs to be fluid, I'd just absolutely position the images and content area. There isn't really any reason to mess with floats and IE bugs in this situation.

The client, a real estate investment firm, INSISTS on the images being the size and quality they are. Since their intended audience is their investors (large corporations, hedge funds, etc.) any arguement regarding dial-ups gets quickly dismissed by them. They flat out don't care about anyone surfing on a dial-up, right or wrong. Otherwise I agree with you.

I guess absolute positioning would solve the problem but in theory this should work with fluid as well, shouldn't it? Since I'm learning CSS, I'd like to know how I'd solve this problem in a fluid situation if I had to.

[Patrick Shannon]

Get used to IE not rendering CSS right, it's such a source of angst for web developers.

This doesn't "directly" help you with your problem, but it might make you feel better (if you didn't know this already)...it is possible to get Internet Explorer to use a different stylesheet than other browsers through some PHP code, so when you do discover the bug, this might be of some relief to your code that already works in good browsers.

I am just about to leave, so I'll take a look at the code in a little bit if I have time.