Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 14 of 14
  1. #1
    New to the CF scene
    Join Date
    Nov 2011
    Location
    Melbourne, Australia
    Posts
    7
    Thanks
    1
    Thanked 1 Time in 1 Post

    the old 'IE not displaying like everyone else' issue

    Hi All,

    I've 2 major issues with my new site. 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

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    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 [CODE][/CODE] tags to wrap your code while posting here.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Nov 2011
    Location
    Melbourne, Australia
    Posts
    7
    Thanks
    1
    Thanked 1 Time in 1 Post
    OK, here we go. I had a link in the previous post but it wasn't very visible. The site is HERE

    The html code looks like this
    Code:
    <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

    Code:
     #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
    Last edited by imbiber; 11-02-2011 at 01:46 PM.

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    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/ht...ctly-even-ie6/
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    jsano (11-03-2011)

  • #5
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts
    This helped me with my question in another post. Thanks.
    Last edited by jsano; 11-03-2011 at 12:10 AM.

  • #6
    New to the CF scene
    Join Date
    Nov 2011
    Location
    Melbourne, Australia
    Posts
    7
    Thanks
    1
    Thanked 1 Time in 1 Post
    Quote Originally Posted by abduraooft View Post
    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

  • #7
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,742
    Thanks
    0
    Thanked 244 Times in 239 Posts
    Hi there imbiber,

    IE9 does not like this...

    ...which has this source code...
    Code:
    
    <html><frameset><frame src="http://users.tpg.com.au/imbibe"></frameset></html>
    
    ...but loves this...


    So why are you using that HTML element from Hell?

    coothead

  • Users who have thanked coothead for this post:

    imbiber (11-04-2011)

  • #8
    New to the CF scene
    Join Date
    Nov 2011
    Location
    Melbourne, Australia
    Posts
    7
    Thanks
    1
    Thanked 1 Time in 1 Post
    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?

  • #9
    New to the CF scene
    Join Date
    Nov 2011
    Location
    Melbourne, Australia
    Posts
    7
    Thanks
    1
    Thanked 1 Time in 1 Post

    frame forwarding breaking styles in IE

    Quote Originally Posted by coothead View Post

    So why are you using that HTML element from Hell?

    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?

  • #10
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    Code:
    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
    Last edited by Sammy12; 11-07-2011 at 04:26 AM.

  • #11
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by imbiber View Post
    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

    Last edited by savicheva11; 11-07-2011 at 09:04 AM.

  • #12
    Kor
    Kor is offline
    Red Devil Mod Kor's Avatar
    Join Date
    Apr 2003
    Location
    Bucharest, ROMANIA
    Posts
    8,478
    Thanks
    58
    Thanked 379 Times in 375 Posts
    Quote Originally Posted by jokero View Post
    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.
    KOR
    Offshore programming
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

  • #13
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Quote Originally Posted by Kor View Post
    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
    Teed

  • #14
    Kor
    Kor is offline
    Red Devil Mod Kor's Avatar
    Join Date
    Apr 2003
    Location
    Bucharest, ROMANIA
    Posts
    8,478
    Thanks
    58
    Thanked 379 Times in 375 Posts
    Quote Originally Posted by teedoff View Post
    kinda like the one I'm making now....lol
    kind of mine above, as well...
    KOR
    Offshore programming
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •