4 replies [Last post]
defiancexr
Offline
newbie
Canada, BC
Last seen: 14 years 6 weeks ago
Canada, BC
Joined: 2007-05-17
Posts: 8
Points: 0

Hi I am having some troubles with a bit of code in IE. I am using 3 images one for the top of the navigation bar, one for the middle and one for the bottom. The middle is set to repeat so it can be filled as much as I want ect. You will get the idea when you see the code I think. But where the top image comes to the center div/bg it has a small, about 5px gap in IE only. Here is my code, thanks for any help at all!

CSS

#leftcolmid{
background-image: url(images/center.png); background-repeat: inherit;
text-align: center;
width:100%;
}

#leftcol{
text-align: center;
width:20%;
float:left;
position:relative;
}

HTML




sdfsadf

asdasd




Once again thanks a lot for any help!

SuperRoach
SuperRoach's picture
Offline
Enthusiast
Ballarat
Last seen: 10 years 19 weeks ago
Ballarat
Timezone: GMT+10
Joined: 2007-02-26
Posts: 291
Points: 6

Sorry but I can't reproduce

Sorry but I can't reproduce the problem with the code you have - we might need to look at a live link to understand fully what's going on

defiancexr
Offline
newbie
Canada, BC
Last seen: 14 years 6 weeks ago
Canada, BC
Joined: 2007-05-17
Posts: 8
Points: 0

http://oxitornarts.com/mr/as/

http://oxitornarts.com/mr/as/

There is the URL, thanks again Smile

Also, it is in IE7 that I am getting the problem, haven't tested IE6.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 1 week ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

It's because you're using

It's because you're using inline foreground images, the gap is the baseline space reserved for the letter descenders 'y'

Set your images to vertical-align:bottom or display:block; however these sorts of graphics are better set as backgrounds.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

defiancexr
Offline
newbie
Canada, BC
Last seen: 14 years 6 weeks ago
Canada, BC
Joined: 2007-05-17
Posts: 8
Points: 0

Thank you that worked

Thank you that worked perfectly Smile.