PDA

View Full Version : my page is not showing up right in internet explorer 6


silverglade
04-18-2010, 12:45 PM
hi, my page is not showing up right in internet explorer 6. you can check it out at http://oldmastercopies.com (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" />
<link rel="stylesheet" type="text/css" href="styles.css" />

<!--[if lt IE 7]>
<link href="iefixes.css" rel="stylesheet" type="text/css" /> <![endif]-->
<!-- 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">&nbsp;</p>
<p class="style1">&nbsp;</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. &copy; 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>

silverglade
04-18-2010, 07:05 PM
here is my new code, works in FF, not in ie6.

any help appreciated.

css

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

body {
margin: 0;
padding: 0;
font-family: "Times New Roman" Times, Serif;
background-color: black;
}
#container{
margin: 30px auto 30px auto;
overflow: auto;
width: 1000px;
background-image: url(samothrace_background.png);
background-color: #30402B;
background-position: center bottom;
background-repeat: no-repeat;

height: 800px;
overflow-y:hidden;



}
#header {
margin: 0 auto 0 auto;


width: 1000px;
height: 93px;
}

#content {

margin: 40px auto 0 auto;
overflow: auto;
background-image: url(samothrace_background.png);
background-color: #30402B;
background-position: center top;
background-repeat: no-repeat;

color: white;
text-align: center;
font-size: 20px;



height: 800px;


}
#content p {
padding 10px;
}

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



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">&nbsp;</p>
<p class="style1">&nbsp;</p>
<p class="style1">&nbsp;</p>
<p class="style1">&nbsp;</p>
<p class="style1">&nbsp;</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. &copy; 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>

edbr
04-19-2010, 03:51 AM
im using ietester but cant see any significant difference. ff returned these warnings though

Result: 0 errors / 6 warnings

line 22 column 1 - Warning: <meta> element not empty or not closed
line 23 column 1 - Warning: <meta> element not empty or not closed
line 24 column 1 - Warning: <meta> element not empty or not closed
line 25 column 1 - Warning: <meta> element not empty or not closed
line 55 column 66 - Warning: <br> isn't allowed in <tr> elements
line 55 column 62 - Info: <tr> previously mentioned
line 23 column 1 - Warning: <meta> attribute "name" lacks value

silverglade
04-19-2010, 06:43 AM
awesome edbr (http://www.dreamweaverclub.com/forum/member.php?u=22485) !! what tool did you use to find that ? it works great now!

edbr
04-19-2010, 07:07 AM
its a ff plugin called html validator