On Tue, Jan 31, 2012 at 7:46 AM, Peter Bittner <[email protected]> wrote: > Luke, > >>> When I build the Pyjamas Book app the layout is not totally matching >>> the one online: There are excessive margins in the iframes or the HTML >>> body or so. >> >> Â yeahh, that's a fun one i had a bit of a learning curve on CSS - >> anthony should know how to deal with it, and it's on the wiki i think >> under "csshellandhowtodealwithit" :)
i think this is because html collapses whitespace into a single space; when you put the iframe on a new line (and usually indent it, IIRC by default), the browser collapses the whitespace and puts the single space in the document, with normal flow, and disrupts ... could just be some edge condition with iframes too, i'm not sure TBH :-) ... i'd like to just generate that iframe dynamically. > Oh my god, quirks mode! So, I fixed that one again. I also removed the > DOCTYPE from the HTML template (undoing the changes I had just done a > moment before). I have also added a comment to the template referring > to the Wiki CSS hell article... :-) yeah, i'd really like to use html5 doctype ... in the past i had difficulty getting tables to respect 100% height. if you use absolute+relative positioning like GWT2.x it works fine though. as i work on mail app though i'm trying to use html5 doctype. the wiki should still apply, but i've been considering updating the default template with most of the elements from html5 boilerplate, once the dimension stuff (100% H) has a good, known solution -- C Anthony
