Skip navigation
Kuntalbd
Kuntalbd
Currently Being Moderated

Sidebar pushed down to bottom!

Aug 25, 2012 5:22 PM

Guys, I am having trouble with DW website.My "rightside bar"(Sidebar2 and Sidebar3)always pushed down to bottom.I tried that in several browser but Its keep pushing down.Of course I am having problem with layout or positiong I believe.Can you plz help.My site is  http://www.dublinawamileague.net46.net/DAIndex.html

719 Views   9 Replies   Latest reply: Kuntalbd, Aug 26, 2012 12:03 PM
 
Replies
  • Alec Molloy
    Currently Being Moderated
    1. Alec Molloy,
    Aug 25, 2012 5:40 PM   in reply to Kuntalbd
    Report

    Could you try explaining the problem better? I am seeing a pretty normal-looking layout on Chrome 21.0.1180.82. Screenshots would help.

     

    Screen Shot 2012-08-25 at 5.40.26 PM.png

     
    |
    Mark as:
  • Kuntalbd
    Currently Being Moderated
    2. Kuntalbd,
    Aug 25, 2012 7:19 PM   in reply to Alec Molloy
    Report

    In mozilla fire fox  and in opera browser it looks different.I have also checked my website in this http://browsershots.org/  to see how it looks and found different view.In my Sony erricson  smart phone in opera browser it also looks side bar pushed down to bottom.I am attaching some screnn shots. Capture1.JPG

    Mozilla Firefox.JPG

    Capture1.JPG

    Capture4.JPG

     
    |
    Mark as:
  • David_Powers
    Currently Being Moderated
    3. David_Powers,
    Aug 26, 2012 2:13 AM   in reply to Kuntalbd
    Report

    The sidebar is pushed to the bottom in all browsers if the browser window isn't wide enough.

     

    Your container <div> has a max-width of 1260px and a min-width of 780px. However, the combined width of your sidebars and content <div> is 1208px. You need to make the container at least that wide.

     
    |
    Mark as:
  • Ken Binney
    Currently Being Moderated
    4. Ken Binney,
    Aug 26, 2012 6:39 AM   in reply to David_Powers
    Report

    Hi David -

     

    Have not looked at site, but is 1208 a typo?

     
    |
    Mark as:
  • David_Powers
    Currently Being Moderated
    5. David_Powers,
    Aug 26, 2012 7:57 AM   in reply to Ken Binney
    Report

    Ken Binney wrote:

     

    Have not looked at site, but is 1208 a typo?

    Nope. sidebar1 = 268px, content = 668px, sidebar2 = 272px. Total = 1208px.

     
    |
    Mark as:
  • Ken Binney
    Currently Being Moderated
    6. Ken Binney,
    Aug 26, 2012 8:17 AM   in reply to David_Powers
    Report

    Thanks David -

     

    I am just confused about why 1208px of content would not fit in a 1280px container.

     
    |
    Mark as:
  • David_Powers
    Currently Being Moderated
    7. David_Powers,
    Aug 26, 2012 8:22 AM   in reply to Ken Binney
    Report

    Ken Binney wrote:

     

    I am just confused about why 1208px of content would not fit in a 1280px container.

    It will, but the style rules set only max-width and min-width. The value of min-width is 780px. As soon as the browser window is narrower than 1208px, the right sidebar drops down.

     

    The value of min-width needs to be increased to 1208px.

     
    |
    Mark as:
  • Ken Binney
    Currently Being Moderated
    8. Ken Binney,
    Aug 26, 2012 8:27 AM   in reply to David_Powers
    Report

    Ahhhh, min width is the problem.  Thanks for taking the time,

    VERY helpful indeed.

     

    Have a great Sunday!

     
    |
    Mark as:
  • Kuntalbd
    Currently Being Moderated
    9. Kuntalbd,
    Aug 26, 2012 12:03 PM   in reply to David_Powers
    Report

    Thanks David, it worked great.Yes actually that was the problem.Hell, I couldnt figured it out for last 5/6 days.It has shorted the layout problem

    But I am wondering you know why then in Mozilla Firefox hearder is still shifting to the right even though I have given container width 1208px.In mozilla fire fox the header is still behaving like the above Mozilla Firefox Picture.

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points