Hi, I am working on a centered 2-column layout. Both halves of the centered column stretch equally because I have a footer beneath it. How can I make the center column - at its shortest - no shorter than the browser? What are alternatives (using CSS only if possible) to the faux column technique? Code welcome. Thank You. ...
I'm trying to divide an auto-scaling div into two vertically using two other div's. What I have so far: <div id='wrapper'> <div id='left'>some stuff</div> <div id='right'>more stuff</div> </div> with #frame { position: static; width: 1000px; height: auto; /* more positioning stuff */ } #left { position: absolute; widt...
I'm working on a webpage (link text), but I'm having trouble with the height property in Google Chrome. If you view the page, you'll notice that there is no background color. This is because the #mainContent has a height of 0px. In Internet Explorer, this is not the case. Does anyone have ideas? ...
Given some text that occupies about 10 rows, how can I resize its container to only show the first 3 rows and hide the others? Apparently this works, but I think it is not reliable: .container { height: 7.5ex; /* 2.5ex for each visible line */ overflow: hidden; } Can I rely on the fact that height of one row = 2.5ex or is that...
How can I align the input and select form elements in my test case, so that their horizontal borders are aligned and all text including labels is aligned to the baseline? I want to have a label and an input form element along with another label and a select form element in one row. Therefore I want to have horizontal borders of select a...