|
my page is not showing up right in internet explorer 6
04-18-2010, 08:24 AM
|
my page is not showing up right in internet explorer 6
|
Posts: 611
|
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.
Code:
@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 {
float: left;
background-color: #30402B;
}
#left {
float: left;
background-color: #30402B;
}
and here is the html
Code:
<!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"> </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>
Last edited by silverglade; 04-18-2010 at 08:55 AM..
|
|
|
|
|
04-18-2010, 03:06 PM
|
Re: my page is not showing up right in internet explorer 6
|
Posts: 611
|
here is the new code, works in FF not in ie6. any help appreciated.
css
Code:
@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
Code:
<!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>
|
|
|
|
|
04-18-2010, 05:55 PM
|
Re: my page is not showing up right in internet explorer 6
|
Posts: 10,017
Location: Tennessee
|
Why worry about IE6 at all? The sooner we stop supporting that horrible thing, the sooner it will DIE!
You can find information on it's many bugs, and their solutions, at www.positioniseverything.net
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
Please login or register to view this content. Registration is FREE
Please login or register to view this content. Registration is FREE
|
|
|
|
|
04-19-2010, 02:43 AM
|
Re: my page is not showing up right in internet explorer 6
|
Posts: 611
|
you are right thank you ladynred.  |
|
|
|
|
« Reply to my page is not showing up right in internet explorer 6
|
|
|
| Thread Tools |
Search this Thread |
|
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|
