[RESOLVED] IE 6 browser issue - Messed up

**graphycraft** · 08-09-2012 02:21 PM

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

**$adriana** · 08-09-2012 02:27 PM

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/

**graphycraft** · 08-09-2012 03:17 PM

Originally Posted by $adriana

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.

**rtrethewey** · 08-09-2012 03:50 PM

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.

**graphycraft** · 08-09-2012 04:30 PM

Originally Posted by rtrethewey

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...

**graphycraft** · 08-09-2012 05:14 PM

So, I tried IE8 and found out that the browser does not read the line;

Code:

background: url(images/logo.gif) 50&#37; 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?

**rtrethewey** · 08-09-2012 06:12 PM

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.

**Mary George** · 08-10-2012 12:34 AM

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..

**graphycraft** · 08-10-2012 02:31 AM

Originally Posted by rtrethewey

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: [RESOLVED] IE 6 browser issue - Messed up

Thread Tools

Display

[RESOLVED] IE 6 browser issue - Messed up

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions