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
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.
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.
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.
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.