Annoying IE Problem...

H · October 17th, 2004, 8:34 PM

Hey, I'm converting a set of graphics for my friend from HTML to XHTML/CSS and everything's working great except one [at][at][at][at] small part.

Up in the top area where it gives resources, score, etc underneath that there's a mysterious black line. It doesn't show up in Firefox or Opera and I've tried a million different things to get rid of it.

Any ideas?

URL: http://hosted.hauglanddesigns.com/uwskin/bu_xhtml.html

**Kickersny.com** · October 17th, 2004, 10:21 PM

Hmmm....I dunno.

But I really like the layout..especially the side menu. Good work.

H · October 17th, 2004, 10:44 PM

Honestly I didn't design it. It was made by 3eality and used by the game Unity Wars. Just doing my friend a favour and converting it for him.

I keep messing, but still can't figure out what is causing the gap. Oh well.. I blame IE.

**spartas** · October 17th, 2004, 11:05 PM

I don't know why it would be happening, but in your css, add a rule to the moneyinfo class for padding: 0px and margin: 0px. Sometimes IE will screw those up if you do not explicitly set them. I dunno why it wouldn't default to 0, but it's worth a shot if it works.

I hope this fixes it for you, but if it doesn't I hope you get it fixed somehow.

H · October 17th, 2004, 11:12 PM

Didn't work but I'll give it a rest for a while. I have other, more important things to work on at the moment.

Thanks though.

theward · October 18th, 2004, 6:03 PM

Problem lies within box rendering and float issues with IE. Unless you ripped it down and put it back up, it'd be very hard to fix =-/ I'd just leave it the way it is. The black bar barely detracts from the visual experience.

I'd recommend using less IMG tags in your code and more CSS Backgrounds instead. The page looks mighty funky with styles turned off (in other words, search engines are going to barf on your page while indexing.)

October 17th, 2004, 8:34 PM	#1 (permalink)
H after g, before i Resident. Joined in Jul 2004 Lives in N,BC,CA 8,058 posts Gave thanks: 48 Thanked 129 times	Annoying IE Problem... Hey, I'm converting a set of graphics for my friend from HTML to XHTML/CSS and everything's working great except one [at][at][at][at] small part. Up in the top area where it gives resources, score, etc underneath that there's a mysterious black line. It doesn't show up in Firefox or Opera and I've tried a million different things to get rid of it. Any ideas? URL: http://hosted.hauglanddesigns.com/uwskin/bu_xhtml.html

October 17th, 2004, 10:21 PM	#2 (permalink)
Kickersny.com Surpass Fan Super #1 Joined in Aug 2004 Hosted on SH58 1,688 posts Gave thanks: 6 Thanked 7 times	Hmmm....I dunno. But I really like the layout..especially the side menu. Good work. __________________ - Evan Charlton \| [site] \| Server - SH58

October 17th, 2004, 11:05 PM	#4 (permalink)
spartas surmunity freak Comfy Contributor Joined in Sep 2004 Lives in Baton Rouge, LA, North Amewica, USA, Earth Hosted on D68; Serva; Pass15 143 posts Gave thanks: 0 Thanked 0 times	I don't know why it would be happening, but in your css, add a rule to the moneyinfo class for padding: 0px and margin: 0px. Sometimes IE will screw those up if you do not explicitly set them. I dunno why it wouldn't default to 0, but it's worth a shot if it works. I hope this fixes it for you, but if it doesn't I hope you get it fixed somehow. __________________ Server: Pass15 twwright.net NoE Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.6) Gecko/20050405 Firefox/1.0 (Ubuntu package 1.0.2) I run ubuntu hoary!

October 18th, 2004, 6:03 PM	#6 (permalink)
theward Registered User Seasoned Poster Joined in Nov 2003 Lives in Harrisonburg, VA Hosted on Viva 90 posts Gave thanks: 0 Thanked 0 times	Problem lies within box rendering and float issues with IE. Unless you ripped it down and put it back up, it'd be very hard to fix =-/ I'd just leave it the way it is. The black bar barely detracts from the visual experience. I'd recommend using less IMG tags in your code and more CSS Backgrounds instead. The page looks mighty funky with styles turned off (in other words, search engines are going to barf on your page while indexing.) __________________ Ryan Christie ryan.christie-[at]-gmail.com Get yourself some Firefox foo! :p

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread:

October 17th, 2004, 10:44 PM	#3 (permalink)
H after g, before i Resident. Joined in Jul 2004 Lives in N,BC,CA 8,058 posts Gave thanks: 48 Thanked 129 times	Honestly I didn't design it. It was made by 3eality and used by the game Unity Wars. Just doing my friend a favour and converting it for him. I keep messing, but still can't figure out what is causing the gap. Oh well.. I blame IE.

October 17th, 2004, 11:12 PM	#5 (permalink)
H after g, before i Resident. Joined in Jul 2004 Lives in N,BC,CA 8,058 posts Gave thanks: 48 Thanked 129 times	Didn't work but I'll give it a rest for a while. I have other, more important things to work on at the moment. Thanks though.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)