Jump to content

Table/Div errors in IE


FireFly
 Share

Recommended Posts

(This is my first post here.) I'm working on a web layout for my personal web page. I havn't had any problems with coding the layout before, but now I've got this problem in Internet Explorer that the menu gets higher than meant, repeating my background image. This generates a extra "bar" below the real menu. The bar itself is quite annoying, if just for the fact that it looks entirely different in FireFox/Opera than in Internet Explorer, but the real problem is for the image used on the menu buttons when they're being pressed. The button moves one pixel down, leaving a white bar above the button (This is done manually with a separate image). However, that also renders a white line below the real button, where the extra "bar" would go.The page in question can be found at www.firefly.nu/demo. (My description wasn't really clear, but I don't really know how to describe it..)Compare the look of the page in IE and in Fx/Opera.Edit: Thanks in advance! :)Edit 2: I'm not sure with IE 7, but I want to support IE 6, so that's what I mean when I mention Internet Explorer.

Link to comment
Share on other sites

And should I have lowercase letters even in the file names? (I.e. the src of an <img> tag.)
You should copy the filename exactly. If it is IMAGE.GIF, then src="IMAGE.GIF", if it is ImAgE.GiF, then src="ImAgE.GiF".
Link to comment
Share on other sites

Guest Dragonsbrethren
(This is my first post here.) I'm working on a web layout for my personal web page. I havn't had any problems with coding the layout before, but now I've got this problem in Internet Explorer that the menu gets higher than meant, repeating my background image. This generates a extra "bar" below the real menu.
Try adding margin-top: 0 and margin-bottom: 0 to the style used for the tag containing your background image. My site had a similar problem with IE and that fixed it.
Link to comment
Share on other sites

Dragonsbrethren, thanks for the tip. Tried it, but I still seem to have the same problem.. Anyways, thanks for trying to help.jlhaslip, no? It still repeats.. :/Maybe as a temportairly solution; Css repeat background: no (I don't fully know the property name, but there should be some property that does that.) and then have a dark grey background below it.. It won't look completely right, but it's better than how it currently is.

Link to comment
Share on other sites

Okay, I tried that.. Still didn't help.I'm not really satisfied with it, but I made up a solution which fixes the main problem, that the white line gets repeated. However, the extra line still shows up in IE, and now it's only a design difference. Nothing buggish at least.Still, thanks for trying to help me. :)

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...