Simply Simplicity – my work in progress

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?

https://os42.com/ss1.jpg
https://os42.com/ss2.jpg

Wobbly wonky…

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 https://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:

https://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.