I'm trying to create a row of tabs in html/css.... If anyone here has seen Visage Mobile, I would like to emulate the functionality of their tabs. Thus far, I have a basic design for the tabs: I am doing this with 3 divs per tab... One for the "left", one for the "body", and one for the "right" areas of each tab. I am using the "float: left;" css property to get them to look proper and not be on seperate lines. When the browser is sufficiently wide, it all looks fine. However, if the browser is not wide enough, it all goes downhill: How can I get the divs to align in a nice row without wrapping? If there is a more elegant solution than divs, I would love to see that, too. Furthermore, I wish to mimick Visage Mobile's tab-scroll functionality, but am at a loss on how to do so. Their tabs extend well beyond the screen, however there is no scroll bar in the browser. You simply press a left or right arrow that they have provided and the tabs scroll left or right, one tab at a time... The tabs are of varying widths, and they always scroll one full tab. Any ideas how to accomplish this? Also, how can I create a layout that has a fixed-height header (always at the top) and a fixed-height footer (always at the *very* bottom) and a variable-height middle div? basically I want to have a div that is *always* at the very bottom of the browser. I wish to then use an iframe/object/layer for the middle content so that when the content is too large to be displayed all at once, the scroll bar is only for the content div... the header and footer would remain visible at all times. Any help is appreciated.