473,386 Members | 1,710 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,386 software developers and data experts.

Menu not displaying in resized IE browser

5
I am making a fluid website for my hostel; I have made a simple fade-in menu using some basic javascript.

When the IE (7 - no idea about other versions of IE) browser is resized so that the width is lower than 800px (the minimum width I have specified) the menu does not display. It works fine in FF.

To find the cause, I disabled the function to hide the menu, and keeping IE width<800 px, hovered on the menu and then maximized IE. The menu appeared as soon as the 800 px threshold was crossed. So I believe that the problem is related to css and not javascript. (IE doesn't show any javascript errors either).

The site is (temporarily) uploaded at http://vindy.byethost13.com/.

Thanks.
Dec 30 '07 #1
5 1485
drhowarddrfine
7,435 Expert 4TB
You will never get IE to pretend to act like a modern browser without a proper doctype. See the article about doctypes under Howtos at the top of this page. Then validate your html and css for any errors.
Dec 30 '07 #2
leo89
5
Well, I've added the doctype and validated my page.

The XHTML is now completely valid by W3C strict standards. CSS has some problems:
1) Using expression() in css for setting min-height and min-width for IE. I have used * html to make it visible only in IE.
2) Using opacity/-moz-opacity/filter to set transparency.

Also, while playing around, I have noticed that the part of the menu which also lies on the first column is appearing now whatever the window size. Anything beyond the first column is not appearing in IE. I've tried setting the z-index but no change. Any suggestions?

Thanks again.
Dec 30 '07 #3
leo89
5
I've solved the problem: it was an extra position: relative attribute in the mainCol element.
Dec 30 '07 #4
drhowarddrfine
7,435 Expert 4TB
* hacks no longer work in IE7 and Microsoft advises against it. Of course, you sometimes need * hacks to get things to work in IE6 so this would require using conditional comments.

For opacity in Firefox, you should use the CSS property 'opacity' and not -moz-opacity since all modern browser understand 'opacity'. Of course, that doesn't apply to IE.

Your html does not validate.
Dec 31 '07 #5
leo89
5
* hacks no longer work in IE7 and Microsoft advises against it. Of course, you sometimes need * hacks to get things to work in IE6 so this would require using conditional comments.

For opacity in Firefox, you should use the CSS property 'opacity' and not -moz-opacity since all modern browser understand 'opacity'. Of course, that doesn't apply to IE.

Your html does not validate.
I have no idea about that but the *html hack is working in IE 7. (Atleast for me). And I changed the page a lot after that so I must have made some more mistakes in the page.

Thanks again.
Dec 31 '07 #6

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

Similar topics

4
by: Gregory | last post by:
Hello, I've managed to build two web pages, one that can display images with associated text data in a table, and one that can resize and display images without the text. I'd like to resize the...
1
by: Weston C | last post by:
I've got a website that I thought was going so well, until the client pulled it up in IE 5 and revealed a train wreck. http://weston.canncentral.org/misc/XVoyager/contact.html If you don't...
0
by: Leonard Blaisdell | last post by:
I have a test page at <http://web0.greatbasin.net/~leo/test/>. The only link that works is "New Products". I did this on a Mac and do not have access to it with WinIE6. My customer states that if...
11
by: Dan | last post by:
Hello all, I am getting records from a db and displaying the records to the user through a drop down menu in an asp page. Each record has 6 fields and I need to display them all to the user in...
3
by: David Phillip Oster | last post by:
In Javascript, how do I detect that the user has used the browser's menu command to make the font smaller? I just need some kind of event or callback, so I can adapt to the new environment. ...
2
by: Despoina | last post by:
I have created a web site, where I use a dropdown menu when the mouse goes over an image. My problem is that when I resize the browser, the menu's position changes relatively and goes way to the...
3
by: Jim Kroger | last post by:
I am trying to use nice fonts for my nav menu. I downloaded and installed a very nice font. I opened photoshop and made nice labels with text to use for the images for the nav menu. I use...
4
by: Enrika | last post by:
Greetings! I'm working on a CSS drop-down menu, which, to my surprise, is actually working, more-or-less, in both IE *and* Firefox (and Netscape). But there are two changes that I want to make that...
10
by: lenzie | last post by:
I am having a very odd problem with a website I run. The menus have recently been changed to use javascript and some people are reporting that when they first use the site, Instead of a nicely...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
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,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

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.