...

View Full Version : the old 'IE not displaying like everyone else' issue



imbiber
11-02-2011, 01:18 PM
Hi All,

I've 2 major issues with my new site (http:// www.imbibe.net.au). I've created it on notepad++, so all the bad coding is my own work. It seems fine on all browsers except IE 8/9/*. The bizarre thing is when I am viewing the html file on my local machine with IE9 it looks fine.

The main issue is the ul menu, not displaying as it does on other browsers. Also, div borders aren't displaying (border-radius etc) like they should, but I can live with that.

If anyone can have a look at it and tell me what the think, it would be greatly appreciated

Cheers

P.S. I'm not sure if I need to post the code in here, but let me know if you want it

abduraooft
11-02-2011, 01:29 PM
If anyone can have a look at it and tell me what the think, it would be greatly appreciated
You need to provide post the entire HTML+CSS of that page or a link to your page.

PS: Please use
][/COLOR] tags to wrap your code while posting here.

imbiber
11-02-2011, 01:38 PM
OK, here we go. I had a link in the previous post but it wasn't very visible. The site is HERE (http://www.imbibe.net.au)

The html code looks like this


<nav id="mainMenu">
<ul>
<li><a href="index.html" class="current">Home </a> </li>
<li><a href="functions.html">Functions</a> </li>
<li><a href="drinks.html">Drinks</a> </li>
<li><a href="testimonials.html">Testimonials</a> </li>
<li><a href="gallery.html">Gallery</a> </li>
<li><a href="contact.html">Contact Us</a> </li>
</ul>
</nav>


and the CSS looks like this



#mainMenu{
float: left;
}
#mainMenu ul {
list-style: none;
}
#mainMenu li {
font-family: Andika, sans serif;
float: left;
font-size: 120%;
}
#mainMenu li a {
color: rgb(255, 255, 255);
text-decoration: none;
background-color:rgba(94,55,16, 0.8);
border-style: solid;
border-color: rgba(243,175,50, 1);
border-radius: 15px;
padding: 4px 9px;
margin-right: 6px;

}
#mainMenu a.current {
background-color:rgba(172,110,49, 0.6);
}
#mainMenu li a.current:hover {
cursor: default;
}
#mainMenu li a:hover, #mainMenu li a:active {
background-color: rgba(172,110,49, 0.9);
border-style: solid;
border-color: rgba(243,175,50, 1);
}

There is no styling being applied to the menu at all.

Cheers

abduraooft
11-02-2011, 03:35 PM
IE8 do not support those HTML5 elements. You'd need to use a small javascript hack to overcome this. See http://net.tutsplus.com/tutorials/html-css-techniques/how-to-make-all-browsers-render-html5-mark-up-correctly-even-ie6/

jsano
11-03-2011, 12:07 AM
This helped me with my question in another post. Thanks.

imbiber
11-03-2011, 01:12 PM
IE8 do not support those HTML5 elements. You'd need to use a small javascript hack to overcome this.

No 1: I am using IE9
No 2: styling a ul in the way I am is not using html5 elements (I'm not worried about the border style etc, I am just wondering why they aren't floating and why the li are still underlines and have bullets)
No 3: Why does local file appear fine, yet the uploaded version have these display issues?

Thanks for your help up to this point

coothead
11-03-2011, 02:32 PM
Hi there imbiber,

IE9 does not like this...
http://www.imbibe.net.au/ (http://www.imbibe.net.au/)
...which has this source code...


<html><frameset><frame src="http://users.tpg.com.au/imbibe"></frameset></html>

...but loves this...
http://users.tpg.com.au/imbibe/ (http://users.tpg.com.au/imbibe/)

So why are you using that HTML element from Hell? :confused:

coothead

imbiber
11-04-2011, 04:55 AM
Wow, thankyou! I am using webforwarding from my DNS to my complimentary hosting service. They are using frame forwarding and obviously IE doesn't like it. Any tips on a way to have your domain name forwarded to another service that IE would like?

imbiber
11-07-2011, 02:53 AM
So why are you using that HTML element from Hell? :confused:

coothead

Why do you say it is an element from hell? What other technique should I use to redirect to another site, that preserves the url of the original site?

Sammy12
11-07-2011, 04:23 AM
frameset and frame


there is no reason to use these in this case

you can

a) hide the pages to each link with css
b) use javascript to maintain the same url
c) use php to create modes

savicheva11
11-07-2011, 08:56 AM
Why do you say it is an element from hell? What other technique should I use to redirect to another site, that preserves the url of the original site?

the nav element is a new-fangled feature of HTML 5. Always check a browser software company's website for browser compatibility before implementing new technology.

"A “semantic” element in this context is defined as one whose tag name describes its content, but which does not have any special behaviors."



msdn.microsoft.com/en-us/ie/hh410106#_HTML5
msdn.microsoft.com/en-us/ie/ff468705

Kor
11-08-2011, 02:03 PM
There are some coding that when you open it to other browser it just mess up with the borders, frames, content, and so much more that can make your website disarrange. I've also experience when making our thesis and all we do is just open the site where we open it first.
Is this a remark? An advice? Or what? We all know that there are many cross-browser compatibility problems, and that is not a secret for anybody.

teedoff
11-08-2011, 03:19 PM
Is this a remark? An advice? Or what? We all know that there are many cross-browser compatibility problems, and that is not a secret for anybody.

One of the many fact filled VERY substantitive remarks some people make here every day...kinda like the one I'm making now....lol :thumbsup:

Kor
11-08-2011, 03:21 PM
kinda like the one I'm making now....lol :thumbsup:
kind of mine above, as well... :D



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum