PS:
I started with a theme, and re-wrote everything in the sake of learking PhP and WordPress. What came out was what you see now, the only original code is the “outer-box” shadows that I stole from the default theme.
In Firefox 2.0 it is going a bit wobbly. Would you like a screenshot?
I have just downloaded Firefox to start that process.
I have NO IDEA how to code differently for Firefox, so any tips would be appreciated.
How “wonky” is it?
AIIIIEEEEE!
Yuck!
I’ll see what I can do. Any tips on fixing Firefox when it works perfectly in IE?
I prefer making the design work in Firefox first, using the http://www.getfirebug.com/ extension to work out any css issues, then optimize for IE.
Looks like back to the old drawing board.
In IE it looks good, though. In my opinion.
I meant to mention earlier, this is a handy tool:
http://browsershots.org/
You just to apply Root’s Rule:
Never apply padding, margins or borders to anything that has it’s width declared.
That is it.
Aha! One simple fix changed a lot.
I was commenting out sections using <!-- COMMENT --> and I switched over to /* COMMENT */ and that fixed a lot all by itself.
I have a few major changes to make, but a lot less now.
PS: I read about the div.spacer{ clear: both !important; } trick, and that has solved MOST of the problem.
(( I tried to edit the last post, but I was denied. ))
All I need to figure out is how to remove the “margin” from the sidebar boxes to make it IE/FireFox identical.
By the way, THANK YOU so much for pointing me in the right direction, gang.
I really appreciate all your help.
Thanks to all your help, the look is very similar in FireFox and IE. Not *EXACT* matches, but close enough.
I welcome any constructive criticism.
