Hi all :-)
I've developed some multicolumn forms using css for a roaming
application. Some users will be outside of the company with handheld
devices with some sort of Internet Explorer. I've already tried to see
those forms in these pocket browsers but they don't really render well
because I'm using pixels for the components's width. I would like to
know if someone already faced a challenge like that when you have one
page that must be rendered in different kinds of screens ....
I was thinking that an approach that involves .xml files and xslt would
be a solution but I don't have experience with both :-( nor I know If
this would really be a solution ...
Could someone provide me some clues ....
Below a snippet of the multicolumn form.:
<div style="padding-bottom: 10px;">
<fieldset>
<legend>Detalhes do usuário e recurso</legend>
<div style="float:left; width:205px; margin-left: 5px; margin-right:
5px;">
<div><label for="Protocolo">Departamento</label>
</div>
<div>
<input type="text" maxlength="16" size="24" style="width:100%"
name="status" id="Text5" />
</div>
</div>
<div style="float:left; width:205px; margin-left: 5px; margin-right:
5px;">
<div>
<label for="status">Nome do usuário</label>
</div>
<div>
<input type="text" maxlength="16" size="24" style="width:100%"
name="status" id="Text5" />
</div>
</div>
<div style="float:left; width:200px; margin-left: 5px; margin-right:
5px;">
<div>
<label for="status">Número de contato</label>
</div>
<div>
<input type="text" maxlength="16" size="24" style="width:100%"
name="status" id="Text5" />
</div>
</div>
<div style="float:left; width:205px; margin-left: 5px; margin-right:
5px;">
<div>
<label for="status">Recurso</label>
</div>
<div>
<asp:DropDownList ID="DropDownList8" runat="server" Width="100%">
<asp:ListItem>Impressora HP DeskJet 580C</asp:ListItem>
</asp:DropDownList>
</div>
</div>
<div style="float:left; width:200px; margin-left: 5px; margin-right:
5px;">
<div>
<label for="status">Criticidade</label>
</div>
<div>
<input type="text" maxlength="16" size="24" style="width:100%"
name="status" id="Text1" />
</div>
</div>
<div style="float:left; width:200px; margin-left: 5px; margin-right:
5px;">
<div>
<label for="status">Fornecedor</label>
</div>
<div>
<input type="text" maxlength="16" size="24" style="width:100%"
name="status" id="Text6" />
</div>
</div>
</fieldset>
</div>
Thank you very very much !!
--
Marcos H. W.
Softing Systems
Systems Analyst
/**
* @see https://jaxb2-commons.dev.java.net
*/
/**
* "...Use the Force ...;-)" */
*
* @see http://www.gentoo.org/
*/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
