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
    Apr 2006
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Arrow Overlapping problems with firefox

    After changing the CSS on the portfolio page on my site to form a sort of gallery, it looked great in IE, but when i swapped over to firefox the whole page seemed to crunch together, (I tried playing with margins and padding but no luck)


    The page is here:
    http://cazzu.com/portfolio.html

    The CSS is here:
    http://cazzu.com/cazzuindex.css

    I think the problem involves the #post and #item ID's

    (Also, a quick side thing: the rollover borders for the image links mysteriously disappeared after I added javascript. Any fixes for this?

    #post .item a:hover img{
    border:3px #66CCFF;
    }

    #post .item a img{
    border:3px #333333;
    }
    It was working before...
    )

    Thanks

  • #2
    Regular Coder
    Join Date
    Feb 2006
    Posts
    270
    Thanks
    0
    Thanked 0 Times in 0 Posts
    change this
    Code:
    #section{
    clear:both;
    }
    #section h2{
    }
    to this
    Code:
    #section, #section h2{
    clear:both;
    }

  • #3
    New to the CF scene
    Join Date
    Apr 2006
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    In your HTML, you should change all
    Code:
    <div id="section">
    to
    Code:
    <div class="section">
    since id is only for unique names

    This will also mean that, in your CSS, you must replace
    Code:
    #section{
    clear:both;
    }
    #section h2{
    }
    with
    Code:
    .section, .section h2 { clear:both; }
    Besides, why are you using heading tags (h2) for descriptions?

  • #4
    New to the CF scene
    Join Date
    Apr 2006
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question

    Thanks so much. That fixed the crowding issue. One last fix that remains (hopefully this isnt just a repeat answer to the first problem)

    http://cazzu.com/portfolio.html

    If viewed in firefox the text in the last item overlaps the footer, and the button ignores the padding for the div it is in

    CSS is in the first link still

    (And i've started my reading into the difference between ID's and classes. Apparently it can affect stuff as i recently learned.)

    Thanks so much

  • #5
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    The problem is IE. You have it in quirks mode by not having the first line as the doctype. Move that <meta> tag where it belongs. This will, of course, put IE in standards mode and may throw everything off because now it is acting like it should. I have a feeling most of your problems so far are IE problems and not Firefox.

  • #6
    New to the CF scene
    Join Date
    Apr 2006
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    so i changed the metas and other header info on the page, and i don't think i did it entirely right, because there wasn't a noticeable change. Can anyone offer specifics for the fix?

  • #7
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    You aren't using the closing tags correctly for xhtml. If you don't know xhtml, you shouldn't be using it. I would have recommended html strict. In addition, you aren't using the script tags correctly. Validate your code and fix the 67 errors you have.

  • #8
    New to the CF scene
    Join Date
    Apr 2006
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I added closing marks to all of the necessary tags, and added style types as needed. Most of the errors that the validator is turning up have to do with the javascript part, which works completely, (and doesnt affect the layout). The text overlapping still hasnt been fixed.

  • #9
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    You still are not using the closing tags properly. You do not end an opening <a> tag with /> the </a> does that. Remove all instances closing slahes in <a ..... />

  • #10
    New to the CF scene
    Join Date
    Apr 2006
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by drhowarddrfine
    You still are not using the closing tags properly. You do not end an opening <a> tag with /> the </a> does that. Remove all instances closing slahes in <a ..... />
    ...I know. That's why i didn't do that. Are you sure we're looking at the same code now? Because i couldnt find a single instance of that in the code.

  • #11
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    Oops! Apologies. I didn't see the img tag in between.


  •  

    Posting Permissions

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