snehula - 2:21 pm on Sep 8, 2011 (gmt 0) [edited by: alt131 at 1:24 pm (utc) on Sep 11, 2011]
I have asked this question before but probably not in a meaningful way, so let me try again.
I have a site with a tabbed menu that looks wonderful if you look at it on a pc/laptop/... but horrible on a phone, where the tabs float down to the next line since they don't fit on one..
The tabs are floated list elements in a container div called navbar.
I want it to behave like for instance if you press Ctrl+ a few times, it adds a nice scroll-bar to the bottom and stretches beyond the browser border. Some of you might think it's not a good idea.. Okay, that's your opinion, but the people I'm doin it for prefer it that way. I really have no idea how to achieve that. Fixed / absolute positioning? Stretching the width of the navbar div?
And then, I have a content div, which contains forms and sidebar, tables, all kinda stuff. I can't get the thing stretch its height according to need (depending on the height of all elements inside it). Tried height auto (what is it good for anyway?), height 100% (this just makes it as tall as the browser window and if u scroll down to see the rest of the content in case there's more, the background color shows through), set the height to a specific huge pixel value( this is ugly as it adds tons of unnecessary space). Tried adding an empty div at the bottom of my content div, with a clear:both style, but that didn't work either. How? Why?
CSS is wrecking my head.. still.. Pleease good people enlighten me!
[edit reason] Thread Tidy [/edit]
[edited by: alt131 at 1:24 pm (utc) on Sep 11, 2011]