ASP.Net - Mozilla Issues

[wctyler]

I'm working on a project in ASP.Net and I have it pretty much done and working perfectly in IE. When I open it in Firefox, my labels that have a background color of a specific code (blue) and white foreground do not show up. I look at the source, and it seems that the server is not sending the backcolor property for the label. Why is that? Can Mozilla not handle backcolors for labels? Is the server just not recognizing the browser and sending 'safe' HTML? How can I get around this issue?

[Iturea]

If you are developing your ASP.NET application in a Microsoft development environment, dragging and dropping form elements on the main form, then you are going to have Microsoft proprietary HTML elements that only Internet Explorer can decipher. You are going to have to dig deap in the html code and fix it to make it work properly in all other browsers. It isn't just other browsers too but you must take into account other operating systems that use different font specifications. Trying looking at your site in Linux! You might pull your hair out!

Go here to validate and fix your html: http://validator.w3.org/

W3C has standardized HTML code into different formats that are world-wide recognized that if properly followed will work for all browsers.

Some of these HTML standards are:

XHTML 1.0
XHTML 1.0 is the W3C's first Recommendation for XHTML, following on from earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML 2.0. With a wealth of features, XHTML 1.0 is a reformulation of HTML 4.01 in XML, and combines the strength of HTML 4 with the power of XML.

HTML 4.01
HTML 4.01 is a revision of the HTML 4.0 Recommendation first released on 18th December 1997. The revision fixes minor errors that have been found since then. The XHTML 1.0 spec relies on HTML 4.01 for the meanings of XHTML elements and attributes. This allowed us to reduce the size of the XHTML 1.0 spec very considerably.

You can learn how to code in these standards here:
http://www.w3.org/MarkUp/


Using Topstyle: http://www.bradsoft.com/topstyle/

has saved the hassle for me in creating good solid XHTML documents that work in all browsers and have tested out good in other OS's as well. You can add your .NET stuff after you have created your design. Using XHTML with CSS does some amazing things...

Hope that helps!

[wctyler]

I could buy that if the label backcolor was actually being sent to the Mozilla browser, but when I 'view source' in the Mozilla browser, the code isn't in there. That would lead me to believe that it's not an issue with the html being proprietary, but rather the server not sending the code to the browser at all.

I'm trying to figure out how to either determine if the browser is mozilla and change the color to black, or to force it to send a background color regardless of browser type.

The code that the server sends the Mozilla browser is:

<span id="lblBar" style="Z-INDEX: 110; LEFT: 8px; POSITION: absolute; TOP: 112px"><b><font face="Verdana" color="White" size="2"></font></b></span>

The code that the server sends IE is:

<span id="lblBar" style="color:White;background-color:#637FB7;font-family:Verdana;font-size:X-Small;font-weight:bold;width:562px;Z-INDEX: 110; LEFT: 8px; POSITION: absolute; TOP: 112px"></span>

edit: The way ASP.Net is supposed to work..... the server should format the html to suit the browser.... it may sent MS style HTML to IE, but it shouldn't send that to Mozilla or any other browser.

[Iturea]

Try this:

It looks like the <span id="lblBar"> is at least present on both Mozilla and IE so then create a css style sheet and take out the style="" attribute all together in the span element. then in your style do something like this:

.lblBar {
color:White;
background-color:#637FB7;
font-family:Verdana;
font-size:X-Small;
font-weight:bold;
width:562px;
Z-INDEX: 110;
LEFT: 8px;
POSITION: absolute;
TOP: 112px;
}

Then create the tag: <span id="lblBar" class="lblBar"> </span>


--------------------------------------------------------

or

span#lblBar {
color:White;
background-color:#637FB7;
font-family:Verdana;
font-size:X-Small;
font-weight:bold;
width:562px;
Z-INDEX: 110;
LEFT: 8px;
POSITION: absolute;
TOP: 112px;
}

Then create the tag: <span id="lblBar"> </span>


----------------------------------------------

Or you could just do an inline style defined on the same document. Anyways good luck....

here is a style reference that may help: http://www.tizag.com/cssT/cssid.php

---------------------------------------------

I don't understand the whole server client relationship that ASP.NET uses cause I have never used .net anything before so what I am saying probably doesn't apply.

[wctyler]

A co-worker and I were brainstorming on this and thought of the same thing you came up with.... the stylesheet change. Since I'm not actually creating the tag, I need to figure out how to point objects in the IDE to the stylesheet, and how to work with stylesheets in the first place, but I think that may do the trick. This whole ASP.Net thing is a real learning experience.