troykristoffer
03 Dec 2009, 12:23 AM
Hey all! This is a great place. I'm excited to have found someplace to discuss web design!
I have a quick question about some CSS design issues between Firefox and IE8.
First, since this is my first post, I'll post a bit of background about me:
I'm a freelance designer and webmaster, with probably about 5 years of true experience, with about 5 years of hobbyist experience before that.
I'm not a CSS expert, but I can find my way around pretty well. I'm still learning advanced techniques.
I have been converting an previously HTML/CSS website into a Joomla template with CSS. I've always had issues with consistency between Firefox and IE just like most everyone else I imagine, but I can't seem to find the problem on this one.
I'm using the developer toolkit for Firefox as well as Firebug, and the Developer toolkit for IE8.
I suspect the problem is related to the way the browsers display tables differently.
Here's what it looks like in FF (which is perfect)
http://CandleTropics.net/debug/FF1.bmp
Here's what it looks like in IE8:
http://CandleTropics.net/debug/IE81.bmp
As you can see, the alignment is all off on ALL elements in this table.
(I have to use a table because this is actually a Joomla article. )
I've tried tweaking the table width and cellspace in the HTML but it does not change anything. I've also have played with all the padding and margin settings in the CSS, but it only messes up the Firefox layout or doesn't affect the IE layout.
I guess what I'm really asking for here, is for anyone who has the time and generosity to use one of the dev toolkits to help me pin down exactly what is controlling these elements. I can't seem to find them at all.
You can access this page on the sandbox site @ http://www.candletropics.net/shop
Thanks!
Troy
I have a quick question about some CSS design issues between Firefox and IE8.
First, since this is my first post, I'll post a bit of background about me:
I'm a freelance designer and webmaster, with probably about 5 years of true experience, with about 5 years of hobbyist experience before that.
I'm not a CSS expert, but I can find my way around pretty well. I'm still learning advanced techniques.
I have been converting an previously HTML/CSS website into a Joomla template with CSS. I've always had issues with consistency between Firefox and IE just like most everyone else I imagine, but I can't seem to find the problem on this one.
I'm using the developer toolkit for Firefox as well as Firebug, and the Developer toolkit for IE8.
I suspect the problem is related to the way the browsers display tables differently.
Here's what it looks like in FF (which is perfect)
http://CandleTropics.net/debug/FF1.bmp
Here's what it looks like in IE8:
http://CandleTropics.net/debug/IE81.bmp
As you can see, the alignment is all off on ALL elements in this table.
(I have to use a table because this is actually a Joomla article. )
I've tried tweaking the table width and cellspace in the HTML but it does not change anything. I've also have played with all the padding and margin settings in the CSS, but it only messes up the Firefox layout or doesn't affect the IE layout.
I guess what I'm really asking for here, is for anyone who has the time and generosity to use one of the dev toolkits to help me pin down exactly what is controlling these elements. I can't seem to find them at all.
You can access this page on the sandbox site @ http://www.candletropics.net/shop
Thanks!
Troy