4 Replies - 927 Views - Last Post: 02 April 2009 - 12:35 PM

#1 jeffmc21   User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 64
  • Joined: 27-November 07

Image/Div positioning problem in IE6

Post icon  Posted 01 April 2009 - 08:17 PM

Hey guys..

My link is http://www.ttownblockparty.com

This is a very simple page, basically an online poster, so I decided to take a shortcut and just slice an image of the design into 30 pieces and use them as images to display the page. Everything looks fine in IE7, FF, Safari, but in IE6 I'm getting an ugly green line across the page underneath the first row(div) of images. There's two images to a div and 15 divs.

Anyone have any idea how to get rid of that "space" in IE6? I had it in 7 until I went and made the margin and padding for each div = to 0.

Thanks for the help!

Is This A Good Question/Topic? 0
  • +

Replies To: Image/Div positioning problem in IE6

#2 gregwhitworth   User is offline

  • Tired.
  • member icon

Reputation: 221
  • View blog
  • Posts: 1,613
  • Joined: 20-January 09

Re: Image/Div positioning problem in IE6

Posted 01 April 2009 - 09:17 PM

Why 30 images? I only see 1 link, you could have done 1 image, or at least 2 images if you wanted it to load something so the user doesn't get board.

I am not a fan of throwing things together, but we've all been there (favors for friends and such)

I suggest re-exported it with just 2 images and linking them both to the map. Just a suggestion, that or image mapping 1 image.

--

Greg
Was This Post Helpful? 0
  • +
  • -

#3 jeffmc21   User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 64
  • Joined: 27-November 07

Re: Image/Div positioning problem in IE6

Posted 02 April 2009 - 08:20 AM

View Postgregwhitworth, on 1 Apr, 2009 - 08:17 PM, said:

Why 30 images? I only see 1 link, you could have done 1 image, or at least 2 images if you wanted it to load something so the user doesn't get board.

I am not a fan of throwing things together, but we've all been there (favors for friends and such)

I suggest re-exported it with just 2 images and linking them both to the map. Just a suggestion, that or image mapping 1 image.

--

Greg

I understand your point and agree that it wasn't the best way of doing things. The point of the slices, while it might not be the best solution, was to have hi-res images that will still load quickly. By slicing the image into smaller files, this was possible. If I have one or two images total, then the page would take much longer to load and/or the images would have to be of less quality to keep file size down.
Was This Post Helpful? 0
  • +
  • -

#4 thehat   User is offline

  • awake ? web();
  • member icon

Reputation: 106
  • View blog
  • Posts: 951
  • Joined: 28-February 08

Re: Image/Div positioning problem in IE6

Posted 02 April 2009 - 08:48 AM

Stupid as it may sound Jeff, get rid of all the gaps in between your tags, so it looks a bit like this:

<div><img /><img /></div><div><img /><img /></div>



Obviously your content should all still be in there, but just make it all run on one line.
Was This Post Helpful? 0
  • +
  • -

#5 gregwhitworth   User is offline

  • Tired.
  • member icon

Reputation: 221
  • View blog
  • Posts: 1,613
  • Joined: 20-January 09

Re: Image/Div positioning problem in IE6

Posted 02 April 2009 - 12:35 PM

It seems that someone took my suggestion, I would have dropped them to say 50%-60% in photoshop, because the quality is fine and the file sizes are then around 50K a piece, but all in all it looks good.

--

Greg
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1