Why does .NET leave out style tags?

[DDfunbags]

Why does .NET leave out style tags for non-IE browsers?

I made a label and dropdown box in ASP.NET (been coding VB.NET for a while, just branching into ASP.NET now) and I've noticed that ASP.NET leaves out style tags on browsers that are not IE.

Here's an example of code generated by the same page:

IE:
<span id="_ctl0_lblLabel_2" style="width:100px;">Non-Leavers</span>

Mozilla:
<span id="_ctl0_lblLabel_2">Non-Leavers</span>


The same happens with tables borders and various other things

I would manually change the code in the designer but it has this wonderful habit of chaging any style tags I put it to match actual properties.

I don't want to be defining widths in my style sheets otherwise they will become needlessly oversized.

Is there some kind of setting I'm missing to get these tags generated for non-IE browsers?

[dj4uk]

I think .NET generally assumes everything but IE is a downlevel browser. I found the following to my web.config file within system.web to allow additional functions to be used in other browsers.


<browserCaps>
<case match="Gecko/[-\d]+">
browser=Netscape
frames=true
tables=true
cookies=true
javascript=true
javaapplets=true
ecmascriptversion=1.5
w3cdomversion=1.0
css1=true
css2=true
xml=true
tagwriter=System.Web.UI.HtmlTextWriter
<case match="rv:1.0[^\.](?'letters'\w*)">
version=6.0
majorversion=6
minorversion=0
<case match="^b" with="${letters}">
beta=true
</case>
</case>
<case match="rv:1(\.\d+)(\.\d)?(?'letters'\w*)">
version=7.0
majorversion=7
minorversion=0
<case match="^b" with="${letters}">
beta=true
</case>
</case>
</case>
<case match="Opera">
browser=Opera
version=${version}
majorversion=${major}
minorversion=${minor}
frames=true
tables=true
cookies=true
javascript=true
ecmascriptversion=1.3
css1=true
css2=true
xml=true
w3cdomversion=1.0
</case>
</browserCaps>


Dunno if that will help you.

DJ

[DDfunbags]

Thanks, I'll give that a try.

[DDfunbags]

Sorry for delay in replay, been called to different non-.NET projects for a couple of days.

I put that code into my web.config file within the system.web and it didn't change anything. The style tags are still being ignored.

Thanks though.

[dj4uk]

Post the server-side code you are using to generate the tags.

[DDfunbags]

It's just using the regular Width properties of the text box or label controls eg:
<asp:Label id="Label1" runat="server" Width="150px">Label</asp:Label>
<asp:TextBox id="TextBox1" runat="server" Width="300px"></asp:TextBox>
The HTML generated on IE is:
<span id="_ctl0_Label1" style="width:150px;">Label</span>
<input name="_ctl0:TextBox1" type="text" id="_ctl0_TextBox1" style="width:300px;" />

See how .NET puts a style="width:300px;" for IE for the text box and style="width:150px;" for the label

The code generated for Mozilla is:
<span id="_ctl0_Label1">Label</span>
<input name="_ctl0:TextBox1" type="text" id="_ctl0_TextBox1" />

It completely ignores the Width settings and leaves out the style tag. The same occures on Opera.

The same will happen with borders around ASP.NET Tables. You define a width and a colour and .NET will impliment the styles for IE and not for Mozilla and Opera etc..


I am looking into this <browsercaps> configuration as this seems to be the way to go according to MSDN and a couple of other sites. At the moment it's not working though. If I get it working, I'll post.

[dj4uk]

I honestly hadn't noticed that it did that for textboxes!

I would have thought it was more of a browserCaps issue than a bug in the .NET framework.

If you do find a solution I'd like to know!

Cheers

DJ