last day (15 days later) » 

10:21 AM
2
A: Full-height fluid Layout with editable Textfield

Rick HitchcockYou may not like the answer, but the only way I know to meet all your criteria is by using a table for layout. HTML <table class="layout"> <tr class="header"> <td>Header goes here <tr> <td> <div class="container"> <div class="content"> Content goes here. ...

 
very cool! I'll give it a try. Thank you for the thorough answer and working code!
 
@RahulDesai, those are optional closing tags in HTML5: w3.org/TR/html5/syntax.html#optional-tags. In my experience, they're also unnecessary in HTML4.
 
Thank you @RickHitchcock. I used your code on shrib.com, though I did implement it with CSS table coding (i.e. divs with display:table/table-row/table-cell) - just to make it look like it's not layout with tables ;-)
 
Hey, shrib.com is extremely cool. Glad I could contribute a very small part to it. And yes, divs make more sense, but I don't think those display options will work with IE prior to version 8.
 
Outch - you are right. Unfortunately, this doesn't only not render nicely, but it does not render the "save" button (in the "header") at all. Hm. If only there was a way to make this degrade more gracefully. I don't have a lot of mercy for the almost 2000 monthly users who are still behind ie8. but still, they should be able to save their notes. Do you have any idea?
 
10:21 AM
The CSS in my table solution should work in IE7. Does it fail as well as your div solution? 2,000 monthly users is a real accomplishment on its own, but having 2,000 monthly users who are behind ie8 is unreal.
 
A few percent of a few hundred thousand users is still a big number ;-) I used this very ugly fix now...
 
That's new to me. Your users probably care a lot more about functionality than CSS, so I wouldn't worry about prepending asterisks and underscores. Glad you have a working solution!
 
Hello Rick. I moved this to a discussion thread (I haven't done that before, don't know what this means exactly).
Well that's right ("Your users probably care a lot more about functionality than CSS"). But the problem is that with the other solution, the CSS hides the central functionality (the "save" button)! So I don't see an other way than using the hack - do you?
btw: I did try it with the <table>, <tr>, <th> - to not much avail. It sort of worked a little bit, but not really.
 
 
9 hours later…
7:07 PM
It seems to work as-is in Chrome's IE Tab extension, which emulates IE7. However, IE Tab may not do a complete emulation. Do you have a favorite IE7 emulator, or could you post a screenshot of what you're seeing?
 

  last day (15 days later) »