/    Sign up×
Community /Pin to ProfileBookmark

unwanted line/space showing up in IE

[url]http://www.myjato.com/bodydesigns/index.html[/url]
[url]http://www.myjato.com/bodydesigns/css/master.css[/url]

There’s a line/space that shows up after the menu in IE. I can’t for the life of me figure out how to get rid of it.

Any help would be most appreciated.

to post a comment
CSS

6 Comments(s)

Copy linkTweet thisAlerts:
@ray326Aug 24.2006 — Try adding #menu img { display:block }.
Copy linkTweet thisAlerts:
@Wiz_CreationsAug 24.2006 — try adding background-color:#FFFFFF; to the #menu
Copy linkTweet thisAlerts:
@WebJoelAug 24.2006 — It is not just in IE, -that white line is in Firefox too... look very closely at the TEXT... it is partially occluded on the top by this same white line...

Both views are in Fx. Second view uses 'outline image' to see image-edge

[upl-file uuid=c5986ffc-eb31-4ebb-b624-28206ac0044a size=12kB]ScreenHunter_3.gif[/upl-file]

[upl-file uuid=225bdfa2-63db-491b-98ea-16d727a77fb1 size=22kB]ScreenHunter_4.gif[/upl-file]
Copy linkTweet thisAlerts:
@bduenskieauthorAug 24.2006 — It is not just in IE, -that white line is in Firefox too... look very closely at the TEXT... it is partially occluded on the top by this same white line...

Both views are in Fx. Second view uses 'outline image' to see image-edge[/QUOTE]


Any idea why this is occuring?
Copy linkTweet thisAlerts:
@takinduroAug 24.2006 — Hi,

The reason why this is occuring is due to how the image was cut. You have white space in your menu image the best thing to do if you don't want to cut the image again is to include overfow: hidden; in the css for the menu, and change the height of the menu to remove the white space. Actually I just checked your image and you have the correct size in the css just include overflow: hidden; and it should work!
Copy linkTweet thisAlerts:
@bduenskieauthorAug 24.2006 — Hi,

The reason why this is occuring is due to how the image was cut. You have white space in your menu image the best thing to do if you don't want to cut the image again is to include overfow: hidden; in the css for the menu, and change the height of the menu to remove the white space. Actually I just checked your image and you have the correct size in the css just include overflow: hidden; and it should work![/QUOTE]


That was it! Thanks for help everyone! I really appreciate it.
×

Success!

Help @bduenskie spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...