WordPress.org

1. mellojoe
   Member
   Posted 5 years ago #
   

   jpDiMaggio.com

   I've discovered a few new features and I've been playing with some code. I'm very happy with the results so far.

   Its just a simple page, but it has been a lot of fun to put together.

   What do you think?
   Suggestions?

2. mellojoe
   Member
   Posted 5 years ago #
   

   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.

3. shadow
   Member
   Posted 5 years ago #
   

   In Firefox 2.0 it is going a bit wobbly. Would you like a screenshot?

4. mellojoe
   Member
   Posted 5 years ago #
   

   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?

5. shadow
   Member
   Posted 5 years ago #
   

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

   Wobbly wonky...

6. mellojoe
   Member
   Posted 5 years ago #
   

   AIIIIEEEEE!
   Yuck!

   I'll see what I can do. Any tips on fixing Firefox when it works perfectly in IE?

7. mendezki
   Member
   Posted 5 years ago #
   

   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.

8. mellojoe
   Member
   Posted 5 years ago #
   

   Looks like back to the old drawing board.

   In IE it looks good, though. In my opinion.

9. shadow
   Member
   Posted 5 years ago #
   

   I meant to mention earlier, this is a handy tool:

   http://browsershots.org/

10. Root
    Member
    Posted 5 years ago #
    

    You just to apply Root's Rule:

    Never apply padding, margins or borders to anything that has it's width declared.

    That is it.

11. mellojoe
    Member
    Posted 5 years ago #
    

    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.

12. mellojoe
    Member
    Posted 5 years ago #
    

    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.

13. mellojoe
    Member
    Posted 5 years ago #
    

    By the way, THANK YOU so much for pointing me in the right direction, gang.

    I really appreciate all your help.

14. mellojoe
    Member
    Posted 5 years ago #
    

    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.

Topic Closed

This topic has been closed to new replies.