SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Guru XraySierra's Avatar
    Join Date
    Jan 2002
    Location
    Ontario, Canada
    Posts
    850
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Exclamation HELP! I broke my site and I don't know how :-(

    I just found out that my site has been broken for a few days (chrisblackwell.org). The problem is (and why I didn't see it until now) it only breaks when I'm NOT logged in, only on a post page (an article page), and only in FireFox. I've checked it in both IE8 and Chrome and it works fine. I've never seen this kind of rendering bug.

    I've attached a Chrome screenshot and a FireFox screenshot to show the difference.
    Attached Images Attached Images
    Chris Blackwell - my blog and ramblings
    Comicville - Daily News and Comic Reviews

    "web development is what I love...so that's what I do"


  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,761
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Hi, the container is collapsing because of the floated elements, try giving "#wrapper" overflow:hidden;
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  3. #3
    SitePoint Guru XraySierra's Avatar
    Join Date
    Jan 2002
    Location
    Ontario, Canada
    Posts
    850
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by RyanReese View Post
    Hi, the container is collapsing because of the floated elements, try giving "#wrapper" overflow:hidden;
    That got the background back, but the sidebar is still far below. Any ideas why this is only happening in FireFox? Even IE8 is rendering the page ok.
    Chris Blackwell - my blog and ramblings
    Comicville - Daily News and Comic Reviews

    "web development is what I love...so that's what I do"


  4. #4
    SitePoint Guru XraySierra's Avatar
    Join Date
    Jan 2002
    Location
    Ontario, Canada
    Posts
    850
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by RyanReese View Post
    Hi, the container is collapsing because of the floated elements, try giving "#wrapper" overflow:hidden;
    Would you use fixed positioning rather then floats for what I'm doing?
    Chris Blackwell - my blog and ramblings
    Comicville - Daily News and Comic Reviews

    "web development is what I love...so that's what I do"


  5. #5
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,761
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Hi, you nest <aside> inside of #content and I don't think you meant that to happen.

    Nest the <aside> and the clearing div outside of the #content element and it should line up now

    And no I wouldn't
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  6. #6
    SitePoint Guru XraySierra's Avatar
    Join Date
    Jan 2002
    Location
    Ontario, Canada
    Posts
    850
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by RyanReese View Post
    Hi, you nest <aside> inside of #content and I don't think you meant that to happen.

    Nest the <aside> and the clearing div outside of the #content element and it should line up now

    And no I wouldn't
    I must be missing something that you are seeing. From viewing my own source I believe I've got the aside tag outside of the #content

    Code HTML4Strict:
    </div>
    	</article>
     
    </section>
    <aside>
    	<div id="asideTop"></div>

    The </section> is the end of #content
    Chris Blackwell - my blog and ramblings
    Comicville - Daily News and Comic Reviews

    "web development is what I love...so that's what I do"


  7. #7
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,549
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    You have a missing closing p tag upsetting thing here:
    Code:
    from your own site. </p>
                </footer>

  8. #8
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,761
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Firebug showed it the way I described so ... you are missing something, whether a missing close tag or whatnot . Validate your code to find these things.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  9. #9
    SitePoint Guru XraySierra's Avatar
    Join Date
    Jan 2002
    Location
    Ontario, Canada
    Posts
    850
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    You have a missing closing p tag upsetting thing here:
    Code:
    from your own site. </p>
                </footer>
    YOUR THE BEST!!! That was it! I was calling a php function and it wasn't seeing the closing </p> I put it outside the loop and it fixed the problem. THANK YOU SO MUCH!
    Chris Blackwell - my blog and ramblings
    Comicville - Daily News and Comic Reviews

    "web development is what I love...so that's what I do"



Tags for this Thread

Bookmarks

Posting Permissions

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