[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 413
  • Last Modified:

Windows XP not rendering VB.NET Webforms correctly.

I have a VB.net site that is having trouble displaying my text fields correctly when it is viewed on a Windows XP Pro or Home machine in Internet Explorer(all versions).  The site looks perfect in 2000 pro in Internet Explorer (all versions).  

What it does is bunches my lower two lables and text boxes up the page and forces them behind other text.  There is plenty of room on the page so when this occurs it leaves a blank area where the text is obviously supposed to be.

Then on one other page, one of my text boxes is getting a boarder around it and it cuts off the bottom half of the text that is in the box making it difficult to read.  Again, this only happens when it's viewed in Internet Explorer on a Win XP Pro or Home machine, and it looks perfect on all other type of OS's.

Any ideas???
0
officerhandsome
Asked:
officerhandsome
  • 7
  • 7
1 Solution
 
GlomCommented:
Hi,
It's absolutely strange... Do you use a lot of javascript ? Because this is the main cause of incompatibility between browsers.
0
 
toddhdCommented:
Is that a public page? Can we get a link to it to see the problem?
0
 
officerhandsomeAuthor Commented:
Sure here is the link:

https://www.coptracker.com

then click to enter and you will see the long in page that is having most of the trouble.

I am using javascript in the internal (non public) form but it isn't related to the box that is having the trouble.
0
Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
toddhdCommented:
The offending text is wrapped in a <span> tag, that has absolute positioning on it. That is why it is ending up where it is. It should just be normal text in a table, or in a label perhaps.

Can you post the original HTML from your project? We'll see what's going on...
0
 
toddhdCommented:
By the way, here is the problem:
<span id="lblIP" style="color:Red;font-family:Microsoft Sans Serif;font-size:Smaller;font-weight:bold;Z-INDEX: 118; LEFT: 272px; POSITION: absolute; TOP: 424px">Your IP Address has been recorded:</span>
0
 
officerhandsomeAuthor Commented:
Here is the code from the HTML side of my webform:

<asp:Label id="lblIP" style="Z-INDEX: 118; LEFT: 272px; POSITION: absolute; TOP: 424px" runat="server"
                        ForeColor="Red" Font-Names="Microsoft Sans Serif" Font-Bold="True" Font-Size="Smaller">Your IP Address has been recorded:</asp:Label>
                  <asp:Label id="lblTime" style="Z-INDEX: 119; LEFT: 536px; POSITION: absolute; TOP: 448px" runat="server"
                        Font-Names="Microsoft Sans Serif" Font-Size="Smaller" Width="184px"></asp:Label>
0
 
toddhdCommented:
It's all this positioning that's botching the page up.

style="Z-INDEX: 118; LEFT: 272px; POSITION: absolute; TOP: 424px"

Each browser (and version of browser) will interpret this differently, and so it's a bad idea to use it unless you absolutely have to. In this case, you have a very simple page - there is no need for it. Simply use a table, and <center> the info.
0
 
officerhandsomeAuthor Commented:
Here is the HTML for that textbox inside that is getting the boarder around it for some reason.

<asp:textbox id="txtLastFirst" style="Z-INDEX: 248; LEFT: 880px; POSITION: absolute; TOP: 200px"
                        runat="server" Height="16px" Width="111px" ForeColor="Black" BorderStyle="None"></asp:textbox>
0
 
officerhandsomeAuthor Commented:
Ahh.  Well I'm kind of new to VB.net so as we built the pages in the design veiwer, we just let the HTML side do it thing, and just build its code on its own.  So, I have that set all over my hundreds of pages.  I just need to go and clean up all that HTML side of the webforms until I get it running smooth?  Could you rewrite, in HTML, what that first set of code I gave should look like?  That would really help me to see the difference as to how this code should work.  I am familiar with HTML.
0
 
toddhdCommented:
Doing that now - hang on
0
 
officerhandsomeAuthor Commented:
Ok, I just noticed that when I go into the HTML code on the webform and take out the "POSITION: absolute;" part, the label goes up to the top of the page.  Then when I correct it, it on the design view, it adds the "POSITION: absolute;" part back into the HTML code.
0
 
toddhdCommented:
Give me an email where I can send the HTML page to you - you'll see what I mean
0
 
officerhandsomeAuthor Commented:
travis@topdoglegal.com
0
 
toddhdCommented:
Thanks - I just mailed that to you. Bascially, I redesigned the page, but used tables for placement, not DIV's and absolute positioning. Also, I used CSS for the styling instead of the inline <FONT> tags. This will make it much easier for you to apply the same styling across multiple pages.
0
 
officerhandsomeAuthor Commented:
Ok, I'll look that over and email you back at the address you send from if I need anything else.  Thanks all your help.
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 7
  • 7
Tackle projects and never again get stuck behind a technical roadblock.
Join Now