SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,761
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    Right Column Dropping?!

    I just changed my website so that clicking on a Navigation Tab (e.g. Finance, Legal, Management) will display a different listing of Articles.

    The dynamic part is working nicely - which is better than having to hard-code things - but now I am getting this bizarre behavior I cannot figure out...

    When I click on the "Management" tab, my Right Column items are dropping down below the Article Listing.

    The weird thing is that my HTML/CSS has been stable for several months, and the only thing I changed today - that I know of - was PHP and Mod_Rewrite code?!

    Here is a screen-shot of the "Finance" tab which seems to be okay...

    Attachment 60681


    And here is the "Management" tab which is freaking out...

    Attachment 60682


    Since my website is so far along, it is hard to post code up here, but for starters, I am hoping my screen-shots indicate something obvious that I am missing...

    (It sorta looks like a clear: both issue, but that didn't work, plus it should apply to all tabs.)

    Here is hoping this is something really silly, and that I don't have a major problem that has went unnoticed?!

    Thanks,


    Debbie

  2. #2
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,469
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    Can you post a link to the site? At this stage, that would probably be better than posting code, anyway.
    The screenshots are pending approval.

  3. #3
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,761
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ronpat View Post
    Can you post a link to the site? At this stage, that would probably be better than posting code, anyway.
    The screenshots are pending approval.
    Unfortunately, I don't have my website online yet.

    I don't mind posting some code, but wouldn't know where to begin.

    Hopefully the screen-shots will be enough?

    Thanks,


    Debbie

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Ideally, make up a test page that demonstrates the behavior and post it here, with CSS in the head.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  5. #5
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,761
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Ideally, make up a test page that demonstrates the behavior and post it here, with CSS in the head.
    Insanity!!!

    Now it is working?!

    (My MySQL field was truncating the end of my "Article Summary" which is HTML, so maybe the missing "</a>" at the end was what was causing the issue?! Could have also been a caching issue with FireFox which has lead me on many a "wild goose chase" where I had an issue, fixed it, but the cached page lead me to believe that there was still an issue...)

    Maybe just your presence, Ralph, was enough?!

    Thanks anyways (and let's hope it stays fixed)!!!!


    Debbie

  6. #6
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,469
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    Hopefully the screen-shots will be enough?
    Observables are the same in both images:
    -----------------------------------------
    Pink Menu bg: 1075px
    Listing of Articles: 878px
    Right column itmes: 179px
    column separation: 18px

    The screens are different widths and do not include boundaries, such as the edge of the browser window, so edges are not measurable.

    Guesses:
    --------
    margin between the columns?
    padding between the columns?
    a cleared float that shouldn't be cleared?


    The test page that Ralph suggested would be the best choice sans a web site.

  7. #7
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,469
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    Oops. we overlapped. Glad it's working.


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
  •