Web Design Forum: Image cut in half on IE, looks fine everywhere else - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Image cut in half on IE, looks fine everywhere else Building site with Dreamweaver, image looks great on FF but not IE Rate Topic: -----

#1 User is offline   christernyc 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 2
  • Joined: 29-October 08
  • Reputation: 0
  • Experience:Beginner
  • Area of Expertise:Nothing

Posted 30 October 2008 - 12:00 AM

Hello everyone! I am very new so please forgive me when I sound like such a novice.

I am fixing up my website and I'm using Dreamweaver with xhtml and css. As I was building my pages I was testing them on Firefox because that's the default way to do it with dreamweaver. So when I finally uploaded some finished pages I checked them out with IE and found that my right image was cut out right down the middle, leaving a small horizontal sliver of the image on the upper right. After doing some research I came to the conclusion that it could possibly be a "peek-a-boo bug" though I am not certain. All the problems other people have don't seem to match mine. Is there some simple way to fix this with the css or will I have to probably do some major overhauling?

Thank you in advance.
0

#2 User is online   notbanksy 

  • Refreshingly Belligerent Marxist
  • PipPipPipPipPip
  • View gallery
  • Group: Members
  • Posts: 3,934
  • Joined: 14-February 08
  • Reputation: 183
  • Gender:Male
  • Location:Darkest rural Somersetshire
  • Experience:Advanced
  • Area of Expertise:Copywriter

Posted 30 October 2008 - 12:45 AM

In order for us to help you diagnose this problem, you will need to provide a link to your page, or post your html and css files on the forum.
0

#3 User is offline   christernyc 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 2
  • Joined: 29-October 08
  • Reputation: 0
  • Experience:Beginner
  • Area of Expertise:Nothing

Posted 30 October 2008 - 01:26 AM

View Postnotbanksy, on Oct 29 2008, 20:45, said:

In order for us to help you diagnose this problem, you will need to provide a link to your page, or post your html and css files on the forum.


Hello! Thank you for responding so quickly.

I fiddled with it and fixed it. With Dreamweaver, as you build your pages and test them in a browser with a quick push of the F12 button it goes straight to Firefox because Dreamweaver makes Firefox documents. When I put my pages up I wasn't thinking how they would look in IE and never tried to test with them too. The solution was easy and kind of dumb (I'm new). The image that was cut in half was a div floating right next to an image div floating left. All I had to do what gradually shorten the width of the left div to the just right mark and the right image looked perfect. In fact after shortening the width it still looked the same on Firefox! Go figure.

Sorry to waste your time, if you want to keep this thread up as useful I can suggest that if you are using Dreamweaver and previewing your pages you should use both Firefox and Internet Explorer. If you come across the problem that I did and you have two div images next to each other, try shortening the width of the image that is not cut in half, it won't look any different on Firefox afterwards if you shorten it little by little to find that sweet mid-way point.

Thanks again and sorry to waste your time.
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users