CSS problems (IE vs Firefox)

galaxy1307 · 02-25-2010, 06:14 PM

I've made some modifications to an existing template which I picked up at http://www.openwebdesign.org. I'm struggling with displaying the site in a correct way at Internet Explorer. It's fine at Firefox, but with IE it displays the site differently.

Any suggestions on how to fix these problems?

http://www.apexmedia.no

sysgenmedia · 02-25-2010, 08:54 PM

IE and Firefox render certain elements and CSS differently. You're going to have to play around with either the structure of youre page or CSS. I recommend downloading some plugins for Firefox, namely ietab and firebug. IEtab will let you switch firefoxes rendering to IE so you can easily switch back and forth between the two and note your changes. Firebug is good for analyzing the elements on your page. You can actually change the CSS and watch the changes to the page happen on the fly. IE has a similar feature with the developer toolbar.

If you're still can't get them to look the same try making a separate style sheet for IE, http://css-tricks.com/how-to-create-...ly-stylesheet/. It's not the best way to go about it but if it works than great.

Best of luck hope this helps.

PixelPusher · 02-26-2010, 03:30 PM

what version of IE are you having issues with?

I looked at your site in FF 3.6 and IE8 and they render the same.

wwag · 03-02-2010, 03:31 PM

You'll probably need to use conditional statements and fix it that way.

ie..."if IE"

02-25-2010, 06:14 PM	#1
galaxy1307 New Member Join Date: Feb 2010 Posts: 1	CSS problems (IE vs Firefox) I've made some modifications to an existing template which I picked up at http://www.openwebdesign.org. I'm struggling with displaying the site in a correct way at Internet Explorer. It's fine at Firefox, but with IE it displays the site differently. Any suggestions on how to fix these problems? http://www.apexmedia.no

02-25-2010, 08:54 PM	#2
sysgenmedia Bronze Member Join Date: Feb 2010 Location: Huntington Long Island New York Posts: 79	IE and Firefox render certain elements and CSS differently. You're going to have to play around with either the structure of youre page or CSS. I recommend downloading some plugins for Firefox, namely ietab and firebug. IEtab will let you switch firefoxes rendering to IE so you can easily switch back and forth between the two and note your changes. Firebug is good for analyzing the elements on your page. You can actually change the CSS and watch the changes to the page happen on the fly. IE has a similar feature with the developer toolbar. If you're still can't get them to look the same try making a separate style sheet for IE, http://css-tricks.com/how-to-create-...ly-stylesheet/. It's not the best way to go about it but if it works than great. Best of luck hope this helps. __________________ Sysgen Media is a long island website design company. In addition to website design services and Joomla! CMS expertise, we provide Magento consulting, search engine optimization (SEO), website hosting, and general website consulting services. We have a combined 15+ years of experience in website development. To learn more about us visit http://www.SysgenMedia.com. Need a vendor locator, dealer locator, or store locator? Check out our Store Locator extension for Joomla!

02-26-2010, 03:30 PM	#3
PixelPusher Super Moderator Join Date: Oct 2008 Location: Arizona, USA Posts: 1,050	what version of IE are you having issues with? I looked at your site in FF 3.6 and IE8 and they render the same. __________________ John Darling Graphic / Web Designer SmarterTools Inc. (877) 357-6278 www.smartertools.com

03-02-2010, 03:31 PM	#4
wwag New Member Join Date: Feb 2010 Location: Los Angeles Posts: 17	Conditional Statements You'll probably need to use conditional statements and fix it that way. ie..."if IE" __________________ WebWorks & Graphics, SideSkills.com Creative and Functional Web Development http://www.webworksandgraphics.com http://www.sideskills.com

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