Thought I'd follow up on this issue incase anyone else has this
problem.
I thought I had one problem since lists and "panel" pages displayed
with the same type of error (unwanted padding on the left)
Remi was right (ofcourse, thank you!) The hierarchy must be structured
properly and adding an extra div around the list pages messed that up.
Just fix iui.css to reflect the change. Any where you see
body > ul
Change to: body > div > ul
I also had to add:
body > div > ul {
margin: 0;
padding: 0;
}
On my .panel pages I had added a <form> tag so anything that looked
like:
.panel > fieldset
Had to be changed to:
.panel > form > fieldset
All in all it was only about 1/2 dozen lines to change (in .3 anyway)
lictor4 wrote:
> Better? Yes but...
> My issue is that I need to keep that extra div surrounding the current
> view. My site is php generated so there is a lot of different pages
> and view so the extra div simplifies a lot of things but also this one
> negative side affect.
>
> I'm sure there is a way to have both, I'm just not very great at
> javascript yet...
>
> Thanks again for any help with this,
> Swj
>
> Remi Grumeau wrote:
> > better ?
> >
> > <body>
> > <div class="toolbar">
> > <h1 id="pageTitle"></h1>
> > <a id="backButton" class="button" href="#"></a>
> > <a class="button" href="#searchForm">Search</a>
> > </div>
> >
> > <form method="post" action="/mail/167048/txtnow_s/"
> > id="/167048/txtnow/" title="Send Message" class="page" selected="true">
> > <h2>Send Text Message</h2>
> > <fieldset>
> > <div class="row">
> > <label>Message:</label>
> > <input size="15" maxlength="155" format="text"
> > value="" name="d"/>
> > </div>
> >
> > <div class="row">
> > <label>Your 10 digit mobile number:</label>
> > <input size="15" maxlength="10"
> > style="-wap-input-format: "10N" " format="text" name="c_zip"
> > value="1234564323"/>
> > </div>
> > </fieldset>
> > <input type="submit" accesskey="1" value="Send"/>
> > </form>
> >
> >
> > Remi
> >
> > Le 27 nov. 2009 à 17:48, lictor4 a écrit :
> >
> > > Hi
> > > I having trouble getting my site to display in full width like the iUI
> > > examples. The <li> don't display all the way to the left and
> > > everything seems to be centered a bit to the right. I realize that the
> > > problem is the extra DIV that I have surrounding my panels but I can't
> > > figure out how to keep that div and have things displaying normally at
> > > the same time. Have a look at my code below:
> > > <code>
> > >
> > > <?xml version="1.0" encoding="UTF-8"?>
> > > <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.1//EN"
> > > "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile11.dtd";>
> > > <html xmlns="http://www.w3.org/1999/xhtml"; lang="en">
> > > <head><title>Send Message</title><meta name="viewport"
> > > content="width=320; initial-scale=1.0; maximum-scale=1.0; user-
> > > scalable=0;"/>
> > > <style type="text/css" media="screen">@import "/javascript/iui/
> > > iui.css";</style>
> > > <script type="application/x-javascript" src="/javascript/iui/iui.js"></
> > > script>
> > > <meta name="description" content="Tmoda helps you connect with the
> > > businesses and products in your community."/>
> > > </head><body> <div class="toolbar">
> > > <h1 id="pageTitle"></h1>
> > > <a id="backButton" class="button" href="#"></a>
> > > <a class="button" href="#searchForm">Search</a>
> > > </div>
> > > <div id="/167048/txtnow/" title="Send Message" class="page"
> > > selected="true
> > > <h2>Send Text Message</h2>
> > > <form method="post" action="/mail/167048/txtnow_s/"><fieldset>
> > > <div class="row"><label>Message:</label><input size="15"
> > > maxlength="155" format="text" value="" name="d"/></div>
> > >
> > > <div class="row"><label>Your 10 digit mobile number:</label> <input
> > > size="15" maxlength="10" style="-wap-input-format: "10N" "
> > > format="text" name="c_zip" value="1234564323"/></div>
> > > </fieldset>
> > > <input type="submit" accesskey="1" value="Send"/>
> > > </form></div>
> > > <form id="searchForm" class="dialog" action="/index/">
> > > <fieldset>
> > > <h1>New Search</h1>
> > > <a class="button leftButton" type="cancel">Cancel</a>
> > >
> > > <a class="button blueButton" type="submit">Search</a>
> > >
> > > <label>City:</label>
> > > <input id="artist" type="text" name="a"/>
> > > <label>Keywords:</label>
> > > <input type="text" name="b"/>
> > > <input type="hidden" name="c" value="Businesses"/>
> > > <input type="hidden" name="submit" value="s"/>
> > >
> > > </fieldset>
> > > </form> </body></html>
> > >
> > > </code>
> > >
> > > My css and js are pretty much stock 0.40 iUI.
> > >
> > > Thanks for any suggestions
> > > swj
> > >
> > > --
> > >
> > > 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.
> > >
> > >
> >
> >
> > Remi Grumeau
> > (+33) 663 687 206
> > http://www.remi-grumeau.com
--
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.
