Hello there, so I'm having a bit of trouble in my mobile version of the site I'm developing. I need to have it so that the sidebar on this site goes to the bottom of the page automatically, instead of having it default to the top.

If you go to this site, and shrink your browser as narrow as it can be (or just view the site in a mobile device, you'll see what I mean for the "additional information" part.

I've tried to do this with absolute positioning, but it's tricky because some pages have really long content so that's not gunna work.

http://www.barr-nunn.com/careers/ind...national-solo/

Any help would be GREATLY appreciated.

Thanks

To move it to the bottom of the page, put a position:absolute; and bottom:0; on the div. Use Javascript to detect when the user's browser gets below a certain threshold, and when it does, apply this CSS:

position:absolute;
bottom:0;
left:0;

Which will 'stick' it to the bottom. Unfortunately, it won't shove other divs out of the way, so you might get some overlap if you aren't careful.

I have zero experience working with mobile websites, but I hope this helps!

hmm tried that, but when I do it, it just sticks the div in the middle of the page vertically.

hmm.

Weird. I usually use that CSS to align my footers. Do you have any other attributes on the div?

hmm, not that I am aware of. The way that it works though, is that there are different attributes for divs relating to a browser window. When you put a window size smaller, the css code takes precident depending on what size it is.

Still stumped by this

That is what media queries are designed for.


http://www.css3.info/preview/media-queries/
http://css-tricks.com/css-media-queries/

yeah, I've got media queries going, which is how that site looks somewhat legit in a mobile device, but this particular part is the only thing that's driving me nutty. For whatever reason that a p positioning doesn't stick it at the bottom of the page and only half way down for whatever reason.... That's what I am trying to figure out right now.

I personally think mobile sites are kind of lame, but the client wants it for this trucking site I made.

thanks for the help everyone though