I played around at adding headers/footers but found it quite difficult to do so with iUI in it's 0.30 form.
The two iUI implementation features that seem to make it difficult are: 1. The fact that iUI appends dynamically inserted content at the end of the document body 2. The reliance on absolute positioning for the lists I played around with some alternatives and came up with something that seems to work for our requirements. 1. To address the issue of dynamically inserted content, I introduced another <div> which encapsulates the iUI footer and content. Any dynamically inserted content is inserted at the end of this new div which stops it from appearing after any existing boilerplate content like a footer. e.g. <body> <div id="header">...</div> <div id="iuicontent"> <div class="toolbar"> ...</div> </div <div id="footer">...</div> </body> 2. It seemed like the main reason for using absolute positioning with the lists was to allow the funky edge-to-edge transitions as they work by either setting the left property or the webkit translateX transform, both of which seem to rely on absolute positioning. So instead I rewrote the transitions to use floats and negative margins (using a timer for non-webkit and -webkit-transition for webkit based browsers). So now the lists no longer need to use absolute positioning and they don't hover over my header and footer. If anyone is interested in seeing the forked code, let me know and I can post it. Cheers Martin On Oct 7, 9:19 am, Mark Tomlin <[email protected]> wrote: > I do have header and footer CSS code but it's not being used in the > current version or the next version 'as is' due to it nit meeting some > requirements. I'll work on these and I do hope they make it into the > next release. > > Sent from iPhone, please forgive spelling mistakes. > > On Oct 6, 2009, at 22:51, mdgbayly <[email protected]> wrote: > > > > > > > I've been looking at leveraging iUI for a mobile website I'm working > > on. > > > One of my client's requirements is to have a banner and a footer > > (neither fixed) on the page, but as soon as I tried to add new banner/ > > footer to a basic iUI page things didn't work out too well because, > > well because of what iUI is doing I suppose. i.e. min-heights, > > absolute positioning etc > > > My css skills are pretty basic (floundering in 1.0 days probably) but > > I'm reading up hard on css2.0/3.0 So I'm wondering if I can expect to > > be able to work around this with some clever application of css, or am > > I trying to do something iUI was not designed to do? > > > Anyone else come across this? What did you do? > > > Thanks > > Martin --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en -~----------~----~----~----~------~----~------~--~---
