0

Howdy,

I've having some trouble getting consistency in IE(7). If you view http://www.universalcranes.com/draft in Firefox, it looks as intended. If you view it in IE, there are small gaps above and below the image in the middle at the top.

Has anyone else encountered this problem? Is there a solution?

Thanks in advance

2
Contributors
1
Reply
2
Views
10 Years
Discussion Span
Last Post by subhadip
0

Hi Foresttech,

You can do onething place the top image as a bg top positioned and no-repeat, and if you are using td or div then use a or top-padding of the height of the first image. when the class is applied to the td(if u r using tables) then the first images come as a bg on top and the 2nd image comes under that image as there is a padding-top height same as the first image height. If you are duing DIV then cide will be .

#top {
background: utl(images/top-image.jpg) no-repeat top left;
width:xxx;
height:top+bottom image;
---
}
#top img {
margin-top:height of the first image;
}
or for table
.top {
background: utl(images/top-image.jpg) no-repeat top left;
width:xxx;
height:top+bottom image;
padding-top:height of first image;
---}

I hope it will help you.

Bye
Subhadip

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.