www.webdeveloper.com
Results 1 to 9 of 9

Thread: [RESOLVED] IE 6 browser issue - Messed up

  1. #1
    Join Date
    Mar 2012
    Posts
    18

    resolved [RESOLVED] IE 6 browser issue - Messed up

    I don't have any browsing problem when I open my page in Chrome or Firefox. But when it comes to IE 6 (And I haven't tried other IE versions yet) it looks different. I had tried few things but could not solve the problem. Can anyone help me on this issue?

    This is the address of the page www.ideagrapher.com

    Thank you for any kind of response

  2. #2
    Join Date
    Aug 2012
    Posts
    6
    I would not bother with IE6 unless the page is for China or India... In USA IE6 usage is less then 0.5%

    http://www.ie6countdown.com/

  3. #3
    Join Date
    Mar 2012
    Posts
    18
    Quote Originally Posted by $adriana View Post
    I would not bother with IE6 unless the page is for China or India... In USA IE6 usage is less then 0.5%

    http://www.ie6countdown.com/
    Thank you for the information but, we are talking about 300.000.000 people here.
    Last edited by graphycraft; 08-09-2012 at 04:32 PM.

  4. #4
    Join Date
    Mar 2011
    Posts
    1,160
    Older versions of Internet Explorer do not properly support position:fixed. If that's the issue you see, you'll probably have to switch to position:absolute and work around it. The page is too difficult to see in its current state to tell if there are other issues.

  5. #5
    Join Date
    Mar 2012
    Posts
    18
    Quote Originally Posted by rtrethewey View Post
    Older versions of Internet Explorer do not properly support position:fixed. If that's the issue you see, you'll probably have to switch to position:absolute and work around it. The page is too difficult to see in its current state to tell if there are other issues.
    I am going to try IE 8 before I change the coding. I hope that the installation of IE8 to be completed before I pass away...

    And as you see html coding for the head part located at the bottom of the page. If I move it to the top of the page I am becoming unable to see the logo. I don't know why...

  6. #6
    Join Date
    Mar 2012
    Posts
    18
    So, I tried IE8 and found out that the browser does not read the line;

    Code:
    background: url(images/logo.gif) 50% 0 no-repeat , url(images/header-background.png) repeat-x;
    When I delete one of the images / links I cant see the image that I left without problem.

    Any ideas?

  7. #7
    Join Date
    Mar 2011
    Posts
    1,160
    Older versions of Internet Explorer also do not support multiple background images. You will probably have to use position:absolute and z-index to create layers to show these as separate elements. It also appears that you have a stylesheet and several background images that are not uploaded to the server.

  8. #8
    Join Date
    Jun 2012
    Posts
    1
    Hi,i am developing a web page using frames in jsp. but the frame layouts shows different in different browsers,OS, and screen resolution.can somebody help me out pls!!!!!!!

    i attach my jsp page here for your kind reference:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Card User Page</title>
    </head>


    <frameset rows="21%,67%,11%" cols="*" frameborder="no" border="0" framespacing="0" >
    <frame src="page3.html" frameborder="0" scrolling="no">


    <frameset rows="*" cols="17%,20%,55%,17%" framespacing="0" frameborder="no" bordercolor="#D1D3D4">
    <frame src="page5.html" scrolling="no" style="background-color: #D1D3D4" />
    <frame src="UserNavigate.jsp" bordercolor="#D1D3D4" />
    <frame name ="content" src="UserHome.jsp" scrolling="auto" marginwidth="50" bordercolor="#D1D3D4" >
    <frame src="page6.html" scrolling="no" style="background-color: #D1D3D4"/>
    </frameset>

    <frame src="page4.html" scrolling="no">
    </frameset><noframes></noframes>


    <body>

    </body>
    </html>

    Thanks in advance..

  9. #9
    Join Date
    Mar 2012
    Posts
    18

    Thumbs up

    Quote Originally Posted by rtrethewey View Post
    Older versions of Internet Explorer also do not support multiple background images. You will probably have to use position:absolute and z-index to create layers to show these as separate elements. It also appears that you have a stylesheet and several background images that are not uploaded to the server.
    Yea... Finally got it rolling

    I put an additional <div> tag and change the css like below;

    BEFORE

    Code:
     
    HTML
          <div id="header">
          <ul style="display: block;" id="nav">
              <li class="contact"><a href="#contact">Contact</a>    
              <li class="doodlings"><a href="#doodlings">Doodlings</a>  
              <li class="crafts"><a href="#crafts">Crafts</a>    
              <li class="aboutme"><a href="#aboutme">About</a>   
          </ul>
          </div>
              
    CSS
           #header {
    	position: fixed;
    	top:0px;
    	left:0px;
    	background: url(images/logo.gif) 50% 0 no-repeat , url(images/header-background.png) repeat-x; 
    	height:355px; 
    	width:100%;
            z-index: 1500px;	
    	}
    AFTER

    Code:
    HTML
          <div id="container">
          <div id="header">
          <ul style="display: block;" id="nav">
              <li class="contact"><a href="#contact">Contact</a></li>    
              <li class="doodlings"><a href="#doodlings">Doodlings</a></li>  
              <li class="crafts"><a href="#crafts">Crafts</a></li>    
              <li class="aboutme"><a href="#aboutme">About</a></li>  
          </ul>
          </div>
          </div>
    
    CSS
           #container {
    	position: fixed;
    	top: 0px;
    	left: 0px;
    	background: url(images/header-background.png) repeat-x;
    	height: 355px;
    	width: 100%;
            }
            #header {
    	position: fixed;
    	top: 0px;
    	left: 0px;
    	background: url(images/logo.gif) 50% 0 no-repeat;
    	height: 355px; 
    	width: 100%;
    	}
    Thank you

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

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
  •  
HTML5 Development Center



Recent Articles