954,604 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

CSS layout problem in IE

Hello,
I have built a site that looks just how I and the client wanted it in Safari and Firefox, but Internet Explorer tears it to pieces. I would post code here, but I just don't know which part of it is wrong - the site is http://www.sarahamosstudio.com

Please tell me there is a quick and easy solution and I don't have to build the thing again!!! :) I am relatively new to css and all, so please forgive the sloppiness.

amandamay
Newbie Poster
4 posts since Feb 2008
Reputation Points: 10
Solved Threads: 0
 

With the exception of this comment being shown on the page I do not see what you are talking about. I am using IE7 and it does not appear to be broken apart. Maybe put a screen shot up of what you are seeing so it is easier to compare.

HI2Japan
Junior Poster
199 posts since Mar 2006
Reputation Points: 35
Solved Threads: 21
 

I am not seeing a problem at all in IE7.

FC Jamison
Posting Pro in Training
Team Colleague
446 posts since Jun 2004
Reputation Points: 92
Solved Threads: 21
 

well, after some research I tried using a separate stylesheet for ie. It is still not looking right in my explorer, but perhaps that is just a mac ie thing? i will post a screenshot. Glad to know it looks right to you though :)

I have added some images - the problem seems to be that the page is reading as absurdly wide, making everything that is right justified appear way off the page to the right.

Attachments Picture_1.png 831.96KB Picture_2.png 705.81KB Picture_3.png 296.65KB
amandamay
Newbie Poster
4 posts since Feb 2008
Reputation Points: 10
Solved Threads: 0
 

Just so you can see how it shows up on my screen. Some of the layout might be incorrect, but I guess you are the only one who would know that.

Attachments 1.jpg 156.18KB 2.jpg 205.06KB 3.jpg 167.85KB
HI2Japan
Junior Poster
199 posts since Mar 2006
Reputation Points: 35
Solved Threads: 21
 

thanks! interesting. on yours it is almost right, except i want the four images on the right pic to stay in a single straight line, and on the middle pic i want the text to lie to the right of the image.

unfortunately its not just me that knows its wrong - the client has a pretty good idea! agh!

amandamay
Newbie Poster
4 posts since Feb 2008
Reputation Points: 10
Solved Threads: 0
 

Those pics appear that way whether I have the screen maximized or not. I am using 1280x1024.

Good luck.

HI2Japan
Junior Poster
199 posts since Mar 2006
Reputation Points: 35
Solved Threads: 21
 

so I guess I solved this. If anyone has ie and wouldnt mind testing it out and letting me know that would be much appreciated. My ie, running on a mac, doesn't work too great (or hardly at all).

Anyway, all I ended up doing is insert a table. The pages of the site have three pretty distinct sections, so I put in a table with three rows, and one column and set the width to 100%. And for some reason that worked. I have no idea why.

The only thing wrong now is my mouseover image enlargements don't work in ie. But I am not convinced that its not just my version acting up. I hope so. Agh!

amandamay
Newbie Poster
4 posts since Feb 2008
Reputation Points: 10
Solved Threads: 0
 

so I guess I solved this. If anyone has ie and wouldnt mind testing it out and letting me know that would be much appreciated. My ie, running on a mac, doesn't work too great (or hardly at all).

Anyway, all I ended up doing is insert a table. The pages of the site have three pretty distinct sections, so I put in a table with three rows, and one column and set the width to 100%. And for some reason that worked. I have no idea why.

The only thing wrong now is my mouseover image enlargements don't work in ie. But I am not convinced that its not just my version acting up. I hope so. Agh!

OK so I see your Firefox and compared to my I.e. and see what you are talking about. My ie splits the images as apposed to firefox having them spread in one l ine across the page.

Good luck!

CassieJ
Newbie Poster
14 posts since Mar 2008
Reputation Points: 10
Solved Threads: 0
 

This question has already been solved

Post: Markdown Syntax: Formatting Help
You