473,847 Members | 1,490 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

VB.NET Browser Compatibility issues with IE and Firefox displaying menu correctly.

374 Recognized Expert Contributor
Hey Experts,

I'm not sure how to get around this, and any help would be most greatfull. I have an issue with having a CSS menu that displays correctly in IE and not correctly in Firefox 3.0.3, and also in Apples safari browsers, of the ones that I've tested.

My question is this:

Do I have to develop separate pages for IE 7 and below and all other browsers in order to make it compatible with all the possible browsers that are out there. I'm assuming that since the new version of IE 8 is conforming with all the current standards and not like previous versions, that I'm going to have the same issue with IE 8 when it does release.

How can I make it display the same way in all browsers?

Below is a copy of the CSS section that I have in my stylesheet for the navigation bar.

Expand|Select|Wrap|Line Numbers
  1. #nav { position:relative; padding:0 0 0 0px; margin:0 auto 0 auto;
  2.        background: url("Images/menur_bg.gif") repeat-x; height:46px; list-style:none;  }
  3. #nav ul { display:block; list-style: none; margin: -10px; padding: 0px; }
  4. #nav ul li { float:left; }
  5. #nav ul li a { float:left; display:block; color:#000; text-decoration:none;
  6.                font-family:Sans-Serif; font-size:13px; font-weight:bold;
  7.                padding:0 0 0 16px; height:46px; line-height:46px; text-align:center;
  8.                cursor:hand; }
  9. #nav ul li a span {float:left; display:block; padding:0 24px 0 4px; color:#000; text-decoration:none;
  10.                font-family:Sans-Serif; font-size:13px; font-weight:bold;
  11.                height:46px; line-height:46px; text-align:Left;
  12.                cursor:hand; }
  13. #nav ul li a:hover { color:#fff; background: url("Images/menur_hover_left.gif") no-repeat;
  14.                      background-position:left;}
  15. #nav ul li a.selected {color#fff; background: url("Images/menur_hover_left.gif") no-repeat;
  16.                        background-position:left; }
  17. #nav ul li a:hover span { color:#fff; background: url("Images/menur_hover_right.gif") no-repeat right top; }
  18. #nav ul li a.selected span { color:#fff; background: url("Images/menur_hover_right.gif") no-repeat right top; }
  19.  
Also I've included two image files show how it looks in IE 7 and how it looks in Firefox 3.0.3

The correct image is how it displays in IE7 and the bad image is how it display in other browsers like Firefox and Safari. (ps also on my Iphone it displays incorrectly, like the bad pictures show?

Any ideas would be most helpful.

Thanks,

Joe P.
Attached Images
File Type: jpg Badmenu.jpg (3.5 KB, 214 views)
File Type: jpg goodmenu.jpg (2.6 KB, 207 views)
Nov 5 '08 #1
4 3732
drhowarddrfine
7,435 Recognized Expert Expert
I have an issue with having a CSS menu that displays correctly in IE and not correctly in Firefox 3.0.3, and also in Apples safari browsers, of the ones that I've tested.
What does that tell you about IE that it doesn't display the same as any other browser?
I'm assuming that since the new version of IE 8 is conforming with all the current standards
Absolutely false. IE8 will still be 10 years behind all other browsers in standards compliance and continue to be the worst browser on the planet.
How can I make it display the same way in all browsers?
Write markup using the W3C standards. Validate your html AND css. Test in a modern browser to make sure your markup looks as you want it (that means any browser but NOT IE). Chances are your markup will then work in every modern browser.

Now look in IE and see if it butchers it up. It's a 50/50 shot that something will be wrong but IEs many quirks and bugs are known, as are the hacks to fix it. But, without the complete markup or, preferably, an online link to the page, what you've given us can only make us guess at the problem.

Never, ever, ever use IE as a reference for how things should work. Never trust IE to do anything right. The web developers mantra is "If it works in IE, but not Firefox, then my code is written wrong."
Nov 6 '08 #2
PianoMan64
374 Recognized Expert Contributor
What does that tell you about IE that it doesn't display the same as any other browser?
Absolutely false. IE8 will still be 10 years behind all other browsers in standards compliance and continue to be the worst browser on the planet.
Write markup using the W3C standards. Validate your html AND css. Test in a modern browser to make sure your markup looks as you want it (that means any browser but NOT IE). Chances are your markup will then work in every modern browser.

Now look in IE and see if it butchers it up. It's a 50/50 shot that something will be wrong but IEs many quirks and bugs are known, as are the hacks to fix it. But, without the complete markup or, preferably, an online link to the page, what you've given us can only make us guess at the problem.

Never, ever, ever use IE as a reference for how things should work. Never trust IE to do anything right. The web developers mantra is "If it works in IE, but not Firefox, then my code is written wrong."
Hey drhowarddrfine,

Thanks for the reply. I should have know better to include a link to the site, since I'm a MS Access Expert. Below is the link to my development environment so you can look at the site.

http://dev.crhs1983.co m

Take a look and let me know what you think?

Since I'm still a little green on vb.net, I'll take any suggestions that you may have?

thanks again,

Joe P.
Nov 6 '08 #3
PianoMan64
374 Recognized Expert Contributor
Hey drhowarddrfine,

Thanks for the reply. I should have know better to include a link to the site, since I'm a MS Access Expert. Below is the link to my development environment so you can look at the site.

http://dev.crhs1983.co m

Take a look and let me know what you think?

Since I'm still a little green on vb.net, I'll take any suggestions that you may have?

thanks again,

Joe P.
I've went ahead and corrected the issue with Firefox and others, but since it will not display correctly in IE7 and before, but it does display in IE 8 correctly now.

I'm going to have to look into displaying multi-versions of the page in order to make it work correctly.

Thanks,

Joe P.
Nov 6 '08 #4
drhowarddrfine
7,435 Recognized Expert Expert
Validate your html and css for those lists of errors.
Nov 6 '08 #5

Sign in to post your reply or Sign up for a free account.

Similar topics

3
2028
by: Rob Oldfield | last post by:
Just a quick and hopefully straightforward question.... are there any issues with web sites based on .Net not working correctly (or at all) for clients using non IE browsers (Mozilla and Firefox being the two major concerns obviously)? Thanks
13
2070
by: Matthew Hagston | last post by:
Trying to do some updating and beyond frustrations with making it compatibal with Mac's I am primarily done. Biggest problem I am having now is with Opera not displaying the menu. works fine in IE, NS, and Firefox. Due to the problem of having to have it target an iframe to update had to write my own menu. Do not get any errors, simply will not display at all. code of the menu and the css file is below. location of the html file is:...
2
3049
by: G2 | last post by:
Hi We are dealing with significant browser compatibility issues with Netscape 5.x+ browsers and Mac IE. I am sure most web developers have faced similar issues in the past. Can anyone give me their thoughts on how they were able to address these issues ? Are there any best practices published by MS on how to ensure browser compatibility when coding asp.net Thanks for any input.
3
1699
by: ms | last post by:
Hi Everyone, You all would be aware of the fact that we boast about .net supporting multiple web browsers. I hope we have all experienced that our screen layouts look different in every other browser. (Netscape being the worst!) So how far can we agree on this statement? Manoj
23
3659
by: AJBopp | last post by:
Ok, I'm trying to be a good little boy and create a site that doesn't use frames :) Things were going along decently until I uploaded what little I have done so far to the web server (that is, things were displaying pretty well on my local machine - not perfect, but we'll get to that later). So here's the site: http://www.wesleyumc-vinton.org/beta/index.html This page displays pretty good in IE, but all the graphics and styles are...
15
2335
by: CMM | last post by:
So I'm half way through overseeing a large project in ASP.NET 2.0. My superiors have decided that it would be nice if we ensured the site worked on all the major platforms (as they see it: IE, FireFox, and Safari). We've made heavy usage of the new MENU control and other intrinsic 2.0 controls.... nothing fancy! just using ASP.NET's built-in controls and very nice, pervasive, and clean usage of CSS. Now I find after more testing that the...
20
4507
by: Tim Reynolds | last post by:
Team, I am developing a web service. In testing in on my enw PC, I am expecting to see exceptions thrown appear on my browser. Instead I am getting an HTTP 500 Internal Server Error page and I am not seeing my exception details. The web.config file being used has the setting <customErrors mode="Off"/>. This should allow me to see the detailed exception info. On a different computer - same code - same web config - the exception details...
16
2340
by: Eric | last post by:
I have a user of a web application written in Java/JSP that is unable to login to the site simply because certain links on the page do not run when they are clicked. Other popups using Javascript on the same page work correctly. It appears to be isolated to 1-2 machines in a particular network. I cannot verify whether these machines have had virus/spyware scans, but I do know the user is running Firefox 2.1 and IE 7 with the same...
18
2130
by: Diogenes | last post by:
Several articles I read recently regarding the demise of Netscape Navigator stated that Firefox had managed to get a 16% market share and that IE still has over 80% of the eyeballs. Yet my statistics and those of others indicate a much higher % than that. For example http://www.w3schools.com/browsers/browsers_stats.asp
0
9892
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
10995
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
10347
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
9495
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
5730
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
5915
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4541
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
4132
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
3171
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.