CSS Positioning Issue with IE

Snow Wolf · 11-08-2009, 10:46 PM

My website is www.mythicsoftware.com. The problem I am having is that the website will not display correctly in IE although it displays just fine in FireFox. So that I do not mess up the website on the FireFox side of things I have implemented two style sheets, one for FF and one for IE. If I am correct my website displays just fine in IE 8 but looks very odd in IE 6 and 7. I was wondering if someone could help me make the IE version of the site look jus like the FF version.

Sincerely,
Snow Wolf,
wolfofthesnow@gmail.com

Snow Wolf · 11-09-2009, 03:20 AM

Well, I temporarily fixed the issue by using absolute positioning. Seems to look alright on most all versions of IE and in most screen resolutions. But if you have an idea that involves relative positioning I would love to hear it.

PixelPusher · 11-09-2009, 06:11 PM

The site itself looks fine in both FF and IE, the problem im seeing is the position of your left and right banners. Is that what you are referring to? If so, here's my suggestion:

Ditch the iframes.
Use div tags and javascript to change the images.
Remove the BR tags you are using for spacing

If you want to use relative positioning you will need to re-order the markup, as relative, position items relative to those around it. the right banner would have to come after the container.

11-08-2009, 10:46 PM	#1
Snow Wolf New Member Join Date: Nov 2009 Posts: 2	CSS Positioning Issue with IE My website is www.mythicsoftware.com. The problem I am having is that the website will not display correctly in IE although it displays just fine in FireFox. So that I do not mess up the website on the FireFox side of things I have implemented two style sheets, one for FF and one for IE. If I am correct my website displays just fine in IE 8 but looks very odd in IE 6 and 7. I was wondering if someone could help me make the IE version of the site look jus like the FF version. Sincerely, Snow Wolf, wolfofthesnow@gmail.com

11-09-2009, 06:11 PM	#3
PixelPusher Super Moderator Join Date: Oct 2008 Location: Arizona, USA Posts: 1,053	The site itself looks fine in both FF and IE, the problem im seeing is the position of your left and right banners. Is that what you are referring to? If so, here's my suggestion: Ditch the iframes. Use div tags and javascript to change the images. Remove the BR tags you are using for spacing If you want to use relative positioning you will need to re-order the markup, as relative, position items relative to those around it. the right banner would have to come after the container. __________________ John Darling Graphic / Web Designer SmarterTools Inc. (877) 357-6278 www.smartertools.com

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

11-09-2009, 03:20 AM	#2
Snow Wolf New Member Join Date: Nov 2009 Posts: 2	Well, I temporarily fixed the issue by using absolute positioning. Seems to look alright on most all versions of IE and in most screen resolutions. But if you have an idea that involves relative positioning I would love to hear it.