my page is not showing up right in internet explorer 6

silverglade · April 18, 2010

hi, my page is not showing up right in internet explorer 6. you can check it out at http://oldmastercopies.com

any help GREATLY appreciated. im totally lost on this.

here is the CSS the page, note, the only way i could get the square green background was to make the container a specific height.

@charset "utf-8";
/* CSS Document */

body {
margin: 0;
padding: 0;
font-family:  "Times New Roman"  Times, Serif;
background-color: black;
}
#container{
margin: 30px auto 0 auto;
overflow: auto;
width:1000px;
background-color: #30402B;
height:750px;


}
#header {
margin: 0 auto 0 auto;
clear: both;

 width: 1000px;
 height: 93px;
 }

#content {
margin: 0px auto 0px 0px;
padding: 100px 10px 10px 10px ;
width: 400px;
color: white;
text-align: center;
float: left;
font-size: 20px;
  background-color: #30402B;
}

#right {
width: 295px;
float: left;
  background-color: #30402B;
  

}
#left {
width: 295px;
float: left;
  background-color: #30402B;
   
}

and here is the html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<!--[if lt IE 7]>
<link href="iefixes.css" rel="stylesheet" type="text/css" /> <![endif]--> 
<link rel="stylesheet" type="text/css" href="styles.css" />
<!-- LIGHTBOX CODE-->
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<!-- END LIGHTBOX CODE-->
<!--NEW-->

<title>OLDMASTERCOPIES.COM,learn Old Master Technique</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name=" "content="Old Master Technique, Old Master drawings, Rembrandt technique, Odd Nerdrum Technique, sight-size, sight size ,Odd Nerdrum paintings, Odd Nerdrum Students, Odd Nerdrum elever,  Odd Nerdrum Fakta, Odd Nerdrum litografi, Odd Nerdrum pris,  Odd Nerdrum Palette, Odd Nerdrum skyen, Odd Nerdrum dikt, Odd Nerdrum drawings , Odd Nerdrum colors, odd nerdrum themes, ,  ">
<meta name="keywords" content="Old master technique, Old master drawings, rembrandt technique, Odd Nerdrum Technique,sight-size, sight size Odd Nerdrum Paintings Odd Nerdrum Palette,Odd Nerdrum elever, Odd Nerdrum Fakta, Odd Nerdrum litografi, Odd Nerdrum pris, Odd Nerdrum skyen, Odd Nerdrum dikt, Odd Nerdrum drawings , Odd Nerdrum colors, odd nerdrum themes, Odd Nerdrum students, odd nerdrum themes, odd nerdrum painter">
<meta name="description" content="Odd Nerdrum technique verified by students">
<style type="text/css">
<!--
a:link {
color: #CC9966;
}
a:visited {
color: #FFCCCC;
}
a:hover {
color: #CC9966;
}
a:active {
color: #FFCCCC;
}
.style1 {
font-size: small
}

-->
</style></head>

<body>
<div id="container">
<div id="header"> <img src="front_page/gold_header.jpg" /></div>   



<div id="left"><img src="front_page/samothrace_left.png" width="295" height="450"   /></div>
<div id="content">
  <p>WELCOME TO
    
    OLDMASTERCOPIES.COM
    
    The Best Place On The Internet You Will Learn To Draw and Paint Like the Old Masters </p>
  <p>current copies</p> 
  <table width="407" border="1" align="center">
    <tr>
      <td width="198"><a href="http://oddnerdrum.info">Odd Nerdrum</a></td>
      <td width="193"> <div align="center"><a target="_blank" href="nerdrum_scanned.jpg" rel="lightbox[placecard]">
      <img src="nerdrum_scanned_t.jpg"   
  			 width="100"
  			height="100" border="1"/>  </a></div> </td>
    </tr>
    <tr>
      <td><a href="http://oldmastercopies.com/drawing.php">Drawing like the Old Masters Videos</a></td>
      <td width="193"><div align="center"><a target="_blank" href="elizabeth_final1.jpg" rel="lightbox[placecard]">
      <img src="elizabeth_final_t.jpg"   
  			 width="100"
  			height="100" border="1"/>  </a></div></td>
    </tr>
  </table>
  <p class="style1"> </p>
  <p class="style1"> </p>
  <p class="style1">All images, text and videos on these web pages or linked sites are copyrighted and may not be used in any way without my permission. thanks. © oldmastercopies.com 2010</p>
</div>
    <div id="right"><img src="front_page/samothrace_right.png" width="263" height="450"   /></div> 

<!-- Start of StatCounter Code -->
<script type="text/javascript">
var sc_project=5762129; 
var sc_invisible=1; 
var sc_security="8f58571b"; 
</script>

<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript><div
class="statcounter"><a title="tumblr stats"
href="http://www.statcounter.com/tumblr/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/5762129/0/8f58571b/1/"
alt="tumblr stats" ></a></div></noscript>
<!-- End of StatCounter Code -->
<!--end container--></div>
</body>
</html>

n000bie · April 18, 2010

It looks same on IE6 and FF 3.0.19

silverglade · April 18, 2010

oh ya, its messed up. thank you ill try to fix that. thank you.

n000bie · April 18, 2010

I think it will be better if you combine samothrace_right.png and samothrace_left.png as a single background image for the content div.

silverglade · April 18, 2010

ok thank you. i put it in as a background. but in internet explorer i6 ts messed up. any help greatly appreciated. thanks.

here is the page. http://oldmastercopies.com

here is the css now

@charset "utf-8";
/* CSS Document */

body {
margin: 0;
padding: 0;
font-family:  "Times New Roman"  Times, Serif;
background-color: black;
}
#container{
margin: 30px auto 0 auto;
overflow: auto;
width:1000px;
background-color: #30402B;




}
#header {
margin: 0 auto 0 auto;


 width: 1000px;
 height: 93px;
 }

#content {
margin-top: 40px;
margin: 0 auto 0 auto;
overflow: auto;
width: 1000px;
color: white;
text-align: center;
font-size: 20px;
background-color: #30402B;
background-image: url(samothrace_background.png);
background-repeat: no-repeat;


}
#content p {
padding 10px;
}

#table_container {
margin-top="40px";
margin: 40px auto 0 auto;
width: 390px;
}

and here is the html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<!--[if lt IE 7]>
<link href="iefixes.css" rel="stylesheet" type="text/css" /> <![endif]--> 
<link rel="stylesheet" type="text/css" href="styles.css" />
<!-- LIGHTBOX CODE-->
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<!-- END LIGHTBOX CODE-->
<!--NEW-->

<title>OLDMASTERCOPIES.COM,learn Old Master Technique</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name=" "content="Old Master Technique, Old Master drawings, Rembrandt technique, Odd Nerdrum Technique, sight-size, sight size ,Odd Nerdrum paintings, Odd Nerdrum Students, Odd Nerdrum elever,  Odd Nerdrum Fakta, Odd Nerdrum litografi, Odd Nerdrum pris,  Odd Nerdrum Palette, Odd Nerdrum skyen, Odd Nerdrum dikt, Odd Nerdrum drawings , Odd Nerdrum colors, odd nerdrum themes, ,  ">
<meta name="keywords" content="Old master technique, Old master drawings, rembrandt technique, Odd Nerdrum Technique,sight-size, sight size Odd Nerdrum Paintings Odd Nerdrum Palette,Odd Nerdrum elever, Odd Nerdrum Fakta, Odd Nerdrum litografi, Odd Nerdrum pris, Odd Nerdrum skyen, Odd Nerdrum dikt, Odd Nerdrum drawings , Odd Nerdrum colors, odd nerdrum themes, Odd Nerdrum students, odd nerdrum themes, odd nerdrum painter">
<meta name="description" content="Odd Nerdrum technique verified by students">
<style type="text/css">
<!--
a:link {
color: #CC9966;
}
a:visited {
color: #FFCCCC;
}
a:hover {
color: #CC9966;
}
a:active {
color: #FFCCCC;
}
.style1 {
font-size: small
}

-->
</style></head>

<body>


<div id="container">

  <div id="header"> <img src="front_page/gold_header.jpg" /></div>

  <div id="content">
<div id="table_container"> <table width="390" border="0" >  <tr><br />
          <td> WELCOME TO
            
            OLDMASTERCOPIES.COM
            
            The Best Place On The Internet You Will Learn To Draw and Paint Like the Old Masters
            <p>current copies</p></td>
      </tr>
      </table>
    <table width="390" border="1" >
    
      <tr>
        <td width="272"><a href="http://oddnerdrum.info">Odd Nerdrum</a></td>
        <td width="102"><div align="center"><a target="_blank" href="nerdrum_scanned.jpg" rel="lightbox[placecard]"> <img src="nerdrum_scanned_t.jpg"   
  			 width="100"
  			height="100" border="1"/> </a></div></td>
      </tr>
      <tr>
        <td><a href="http://oldmastercopies.com/drawing.php">Drawing like the Old Masters Videos</a></td>
        <td width="102"><div align="center"><a target="_blank" href="elizabeth_final1.jpg" rel="lightbox[placecard]"> <img src="elizabeth_final_t.jpg"   
  			 width="100"
  			height="100" border="1"/> </a></div></td>
      </tr>
    </table></div> 
    <p class="style1"> </p>
    <p class="style1"> </p>
    <p class="style1"> </p>
    <p class="style1"> </p>
    <p class="style1"> </p>
    <p class="style1">All images, text and videos on these web pages or linked sites are copyrighted <br />
    and may not be used in any way without my permission. thanks. © oldmastercopies.com 2010</p>
  </div>
  <!-- Start of StatCounter Code -->
<script type="text/javascript">
var sc_project=5762129; 
var sc_invisible=1; 
var sc_security="8f58571b"; 
</script>
  <script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script>
  <noscript>
  <div
class="statcounter"><a title="tumblr stats"
href="http://www.statcounter.com/tumblr/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/5762129/0/8f58571b/1/"
alt="tumblr stats" /></a></div>
  </noscript>
  <!-- End of StatCounter Code -->


  <!--end container-->
</div>
</body>
</html>

n000bie · April 19, 2010

I checked it in IE6, IE7 and FF 3.5.9, it looks same.

Sign In

my page is not showing up right in internet explorer 6

Recommended Posts

silverglade

Link to comment

Share on other sites

n000bie

Link to comment

Share on other sites

silverglade

Link to comment

Share on other sites

n000bie

Link to comment

Share on other sites

silverglade

Link to comment

Share on other sites

n000bie

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information