Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 11 of 11
  1. #1
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Angry IE7, IE6, Safari=good, FF=grrr!

    I love firefox! My default browser, but I building a site for a church and FF is not liking my code. I cannot figure this out! I need another pair of eyes to look at my code.

    The DIV's for the right content is shifted below the DIV's on the right column and I can't get them side by side.

    www.chapelhillchurch.com

    thanks in advance!
    Peter

  • #2
    Regular Coder GO ILLINI's Avatar
    Join Date
    Jun 2005
    Location
    USA
    Posts
    634
    Thanks
    0
    Thanked 7 Times in 7 Posts
    "two objects cannot occupy the same space at the same time"

    The borders overlap. If you make one box a few pixels smaller(go down by one until it fits) it should be fine.

    -Adam
    Why not thank me?

    http://adamsworld.name

  • #3
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I have tried reducing the width size of 'left_content' and 'right_content' in style.css and it does not have an impact. Could the margins within the DIV boxes have an impact?

  • #4
    Regular Coder GO ILLINI's Avatar
    Join Date
    Jun 2005
    Location
    USA
    Posts
    634
    Thanks
    0
    Thanked 7 Times in 7 Posts
    hmmm I just tried changing the right_content to 520 and it moved up...
    Why not thank me?

    http://adamsworld.name

  • #5
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I also adjusted from 530px to 520px and the box shrunk but did not move up for me....

    #right_content {background:url(images/corner.jpg) left top no-repeat;
    padding:0;
    margin:0;
    float:right;
    text-align:left;
    width:520px; <---- from 530
    }

  • #6
    Regular Coder
    Join Date
    Feb 2007
    Location
    Seattle
    Posts
    153
    Thanks
    5
    Thanked 9 Times in 9 Posts
    The unidentified div that holds your menu (with all the "moz" styles) needs a float:left added to it.

    Do you use the FF addon Firebug? It has great tools for live debugging of your css and html. It is the most useful tool in Firefox, in my opinion.

    Gary

  • #7
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    That's a great add-on! Thanks!

    But I added float:left to the .menu div and it doesn't seem to make a difference.
    Is that the div you were talking about. I'm not sure which one you meant.


    I don't understand one thing... in the Firebug add-on, if I go into edit mode, go to the .menu div in the css file and start editing the webpage will suddenly look correct.

    Then I will make the change I did in Firebug in the CSS file and reload the page and the problem returns.

    So... the problem remains.

  • #8
    Regular Coder ghostz00's Avatar
    Join Date
    Aug 2006
    Posts
    128
    Thanks
    11
    Thanked 2 Times in 2 Posts
    just a thought... I removed display:table in your content div in firebug and it moved up....
    Greg

  • #9
    Senior Coder crmpicco's Avatar
    Join Date
    Jan 2005
    Location
    Mauchline, Scotland
    Posts
    1,097
    Thanks
    15
    Thanked 1 Time in 1 Post
    are you using <div> instead of <tables> ?

  • #10
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Woah! Thanks, that works! I can't tell if I lost anything.

    Thanks!

    Peter

  • #11
    Senior Coder crmpicco's Avatar
    Join Date
    Jan 2005
    Location
    Mauchline, Scotland
    Posts
    1,097
    Thanks
    15
    Thanked 1 Time in 1 Post
    glad I could be of help Peter. :-)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •