Jump to content

Horizontal Menu Bar problems with IE


wese1991
 Share

Recommended Posts

I am trying to make a horizontal menu bar for a website. I am doing it the way they show on W3 with a <ul> list and css formatting. Every attempt looks horrible in IE 8.0. The usual bullets are still present and it is still vertical instead of floating horizontal.Can anyone take a look at this and tell me how to make this type of menu show up properly in the common versions of IE? Here is the site: http://cwarchitect.d....com/index.html

Link to comment
Share on other sites

Any IE version less than 9 does not support html5 elements <header>, <nav>, and these are not for use in transitional, strict doctypes either if you go by http://w3schools.com/tags/default.asp OK! from scratch, HTML5 uses doctype <!DOCTYPE HTML> and you should also set charset

<!DOCTYPE HTML><html><head><title>Chet Wesenberg Architect</title><meta charset="UTF-8" />

error1

<image src="img/DSC_0566.JPG" alt="image" width="958px" height="533px"></image>

should be

<img src="img/DSC_0566.JPG" alt="image" width="958" height="533">

error2

chet wesenberg architect, llc · 920.230.4900 · chet@cwarchitect.net

should be (left out ';' as in ·)

chet wesenberg architect, llc · 920.230.4900 · chet@cwarchitect.net

to make html5 work in IE less than 9 you have to use javascript createElement() for HTML5 Elements, so any other of these used will have to be added the creatElement list

<script type="text/javascript" src="js/script.js"></script><script type="text/javascript">	document.createElement("article");	document.createElement("footer");	document.createElement("header");	document.createElement("hgroup");	document.createElement("nav");	</script>

always validate using http://validator.w3.org/

Edited by dsonesuk
Link to comment
Share on other sites

@dsonesuk: Thanks for all the pointers there! I think I have everything fixed now so far. Everything looks good. I don't hate IE quite as much at the moment now.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...