Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Css/Html help needed for IE8 & XP

Featured Replies

Hi everyone

 

I'm new to the forum and am hoping you kind souls can help me! I've just finished my first hand coded site, almost entirely with css and html.

 

www.rookerynookinverness.co.uk

 

The site is for my mum and dad. My dad has an old notebook running Windows XP and IE8. He says that after clicking off the homepage, the drop down menus no longer drop down.

 

I created the menus with CSS only. I have IE8 on my laptop and it works fine on mine. Strangely, my Dad says it works on his office computer which is running the same software.

 

Any help would be grately appreciated!

 

Thanks so much

 

Sally

Nice site Sally. It all works nicely on Firefox.

 

You have an extra <body> tag in your head section. which may or may not cause problems. Also you might want to run your code, both html and css, through the W3C validator as sometimes that can pick up errors that can cause glitches.

  • Author

Thanks so much for your help everyone :D and also for your reassurances.

 

I ran the code through the validator W3C yesterday and updated the errors so it now passes. I thought I'd got rid of that extra <body> tag, not sure what happened there! Will check it all again.

 

Good suggestion for the accessibility too, I will look into this, thanks for the suggestion.

 

Thank you again everyone!

  • Author

Sorry I'm back!

 

I've worked out that my dad is viewing the site in IE8 with compatability view on. This is what's stopping the dropdown menus appearing for some reason. It is also shifting the menu to the left instead of flush with the right hand side of the images as I'd like it.

 

I'm changing the z-index of the #main and #header divs but to no avail. Any advice?

 

Thanks again so much!

  • Author

Thanks Mike. It's actually IE8 that my dad is using, and I'm worried that this is a fairly common browser still and other people may view the site in Compatability View and not be able to navigate around.

 

Is it worth trying to sort it? The only thing I can think of is the z-index and I've set one to 4 and one to 1 but it's still not working...

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.