Hey guys and gals
I have been going through posts to try to give a little instead of just asking for help but the questions are a little tough for me tonight.
Here is my problem. This page
http://www.bmcoll.com/petpics
is a new section on my site
It seems to look great in firefox ,chrome , ie
But in opera it is all screwed up. the other pages on my site look fine.
also when I view the code in opera it does not show the correct doctype it just says <!DOCTYPE HTML> but it is xhtml 1.0
I have made small changes to the code for 2 hours and can not seem to get it.
I would be grateful for any help.
here is the code as viewed in opera
Code:
<!DOCTYPE HTML>
<html>
<head>
<title>pet picture</title>
<meta name="keywords" content=
"crazy pet pictures,stupid pet pictures,funniest pet pictures,outrageous pics,outrageous photos,cats and dogs,pet pictures, animal pictures, funny pets, pets, funny, humor, pet, animal, animals, jokes, gallery, photos, photo">
<meta name="description" content=
"upload and share your outrageous pet pictures">
<meta name="description" content="I dident do it Honest!!">
<meta name="generator" content="www.bmcoll.com">
<meta name="robots" content="index,follow">
<meta http-equiv="Content-Type" content=
"text/html; charset=us-ascii">
<meta name="verify-v1" content=
"6i5eSC1OKJvNjiqa8Iuvyqx6ncqtrlw4faVsBKeC3vA=">
<style type="text/css">
body {
background-color : #ccccff;
font: 75% Arial,sans-serif}
text-align: center;
ul#minitabs{list-style: none;margin: 0;padding: 7px 0;
border-bottom: 1px solid #CCC;font-weight: bold;
text-align: center;white-space: nowrap}
ul#minitabs li{display: inline;margin: 0 2px}
ul#minitabs a{text-decoration: none;padding: 0 0 3px;
border-bottom: 4px solid #000;color: #000}
ul#minitabs a#current{border-color: #F60;color: #06F}
ul#minitabs a:hover{border-color: #F60;color: #666}
}
div.centered {
margin-left: auto;
margin-right: auto;
width: 8em;
}
.box4960729 {
text-align: left;
width: 180px;
background: url(grad96910799.png) #ffffff repeat-x;
border: 0px solid #000066
}
.box4960729 h3 {
text-align: center;
margin: 0;
padding: 6px 8px 4px 10px;
font-size: 16px;
color: #000099;
}
.box4960729 div {
margin: 0;
padding: 10px 10px 15px 10px;
list-style: none;
color: #000000;
font-size: 13px;
}
.box4960722 {
text-align: left;
width: 120px;
background: url(grad96910799.png) #ffffff repeat-x;
border: 0px solid #000066
}
.box4960722 h3 {
text-align: center;
margin: 0;
padding: 6px 8px 4px 10px;
font-size: 16px;
color: #000099;
}
.box4960722 div {
margin: 0;
padding: 10px 10px 15px 10px;
list-style: none;
color: #000000;
font-size: 13px;
}
.box4960721 {
text-align: left;
width: 180px;
background: url(grad96910799.png) #ffffff repeat-x;
border: 0px solid #000066
}
.box4960721 h3 {
text-align: center;
margin: 0;
padding: 6px 8px 4px 10px;
font-size: 16px;
color: #000099;
}
.box4960721 div {
margin: 0;
padding: 10px 10px 15px 10px;
list-style: none;
color: #000000;
font-size: 13px;
}
.box4960733 {
text-align: left;
width: 728px;
background: url(../images/grad96910799.png) #ffffff repeat-x;
border: 0px solid #000066
}
.box4960733 h3 {
text-align: center;
margin: 0;
padding: 6px 8px 4px 10px;
font-size: 16px;
color: #000099;
}
.box4960733 div {
margin: 0;
padding: 10px 10px 15px 10px;
list-style: none;
color: #000000;
font-size: 13px;
}
</style>
</head>
<body>
<center>
<table align='center'>
<tr>
<td><a href='index.php'><img src='/images/header_bg.png' alt=
'bmcoll.com' border='0'></a></td>
<td>Web Search
<form action="http://www.bmcoll.com/resaults.html" id=
"cse-search-box">
<div><input type="hidden" name="cx" value=
"partner-pub-8410913867472693:6yozh6-tsmj"> <input type="hidden"
name="cof" value="FORID:10"> <input type="hidden" name="ie" value=
"ISO-8859-1"> <input type="text" name="q" size="31"> <input type=
"submit" name="sa" value="Search"><br>
<script src=
"http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"
type="text/javascript">
</script></div>
</form>
<script type="text/javascript" src=
"http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en">
</script></td>
</tr>
</table>
<h3>I dident do it Honest!!</h3>
<ul id="minitabs">
<li><a href='http://www.bmcoll.com/infoprivacy.html'>Privacy
Stament</a></li>
<li><a href='http://www.bmcoll.com/infofaq.html'>Frequently asked
questions</a></li>
<li><a href='http://www.bmcoll.com/infocontact.html'>Contact
Admin</a></li>
<li><a href='http://www.bmcoll.com/infofab.html'>Safe Use
Guide</a></li>
<li><a href=
'http://www.bmcoll.com/infoterms.html'>Terms/Conditions</a></li>
<li><a href='http://www.bmcoll.com/games'>Play Games</a></li>
<li><a href='http://www.bmcoll.com/petpics'>PETPHOTOS</a></li>
<li><a href='http://www.bmcoll.com'>Home Page</a></li>
<li><a href='http://www.bmcoll.com/seo'>Find a Job</a></li>
<li><a href=
'http://bmcoll.com/cgi-bin/yabb2/YaBB.pl'>Fourm</a></li>
<li><a href='http://www.bmcoll.com/pets'>Pet Classifieds</a></li>
<li><a href='http://www.bmcoll.com/ideas'>Share your ideas</a></li>
</ul>
<table align='center' width='80%' bgcolor='#FFFFFF'>
<tr>
<td>
<table cellpadding='2' cellspacing='0' align='center'>
<!--left menue area ################################################################################-->
<tr>
<td align='left' width='15%' bgcolor='#ADB6EA' valign='top'></td>
<td align='right' bgcolor='#ADB6EA' valign='top' width='30%'></td>
<td align='center' bgcolor='#ADB6EA' valign='top' width='30%'></td>
</tr>
<tr>
<td align='center' width='20%' bgcolor='#FFFFFF' valign='top'></td>
<td valign='top' align="center"><br>
<br>
<br>
<script type="text/javascript">
<!--
google_ad_client = "pub-8410913867472693";
/* 728x90, created 7/7/09 */
google_ad_slot = "7025686263";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script> <script type="text/javascript" src=
"http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br>
<div>
<h3><a href="http://www.bmcoll.com/petpics">Back to main
page</a></h3>
<table bgcolor="#A52A2A" border="7" cellpadding="7" cellspacing="5"
background="frame.png">
<tr>
<td align="center" valign="middle">
<table bgcolor="#000000" border="0" cellpadding="10" cellspacing=
"10">
<tr>
<td align="center" valign="middle"><img src="http://www.webmaster-talk.com/images/1253928118.jpg"
alt="img 1253928118.jpg" width="800" height="600"></td>
</tr>
</table>
</td>
</tr>
</table>
I dident do it Honest!!</div>
</td>
<td>Posted on Friday, September 25<br>
By user<br>
bmcoll</td>
</tr>
</table>
</td>
</tr>
</table>
<table>
<tr>
<td align='left' width='20%' valign='top'>
<!-- end right content #####################################################################################--></td>
</tr>
</table>
<br>
<center>All pages copy write bmcoll.com 2009</center>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script> <script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-9826336-2");
pageTracker._trackPageview();
} catch(err) {}
</script></center>
</body>
</html>
and here is the code in any other browser
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>
<title>
outrageous pet pictures
</title>
<meta name="keywords" content=
"crazy pet pictures,stupid pet pictures,funniest pet pictures,outrageous pics,outrageous photos,cats and dogs,pet pictures, animal pictures, funny pets, pets, funny, humor, pet, animal, animals, jokes, gallery, photos, photo" />
<meta name="description" content="upload and share your outrageous pet pictures" />
<meta name="description" content="view outrageous pet pictures" />
<meta name="generator" content="www.bmcoll.com" />
<meta name="robots" content="index,follow" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="verify-v1" content="6i5eSC1OKJvNjiqa8Iuvyqx6ncqtrlw4faVsBKeC3vA=" />
<style type="text/css">
/*<![CDATA[*/
body {
background-color : #ccccff;
font: 75% Arial,sans-serif}
text-align: center;
ul#minitabs{list-style: none;margin: 0;padding: 7px 0;
border-bottom: 1px solid #CCC;font-weight: bold;
text-align: center;white-space: nowrap}
ul#minitabs li{display: inline;margin: 0 2px}
ul#minitabs a{text-decoration: none;padding: 0 0 3px;
border-bottom: 4px solid #000;color: #000}
ul#minitabs a#current{border-color: #F60;color: #06F}
ul#minitabs a:hover{border-color: #F60;color: #666}
}
div.centered {
margin-left: auto;
margin-right: auto;
width: 8em;
}
.box4960729 {
text-align: left;
width: 180px;
background: url(grad96910799.png) #ffffff repeat-x;
border: 0px solid #000066
}
.box4960729 h3 {
text-align: center;
margin: 0;
padding: 6px 8px 4px 10px;
font-size: 16px;
color: #000099;
}
.box4960729 div {
margin: 0;
padding: 10px 10px 15px 10px;
list-style: none;
color: #000000;
font-size: 13px;
}
.box4960722 {
text-align: left;
width: 120px;
background: url(grad96910799.png) #ffffff repeat-x;
border: 0px solid #000066
}
.box4960722 h3 {
text-align: center;
margin: 0;
padding: 6px 8px 4px 10px;
font-size: 16px;
color: #000099;
}
.box4960722 div {
margin: 0;
padding: 10px 10px 15px 10px;
list-style: none;
color: #000000;
font-size: 13px;
}
.box4960721 {
text-align: left;
width: 180px;
background: url(grad96910799.png) #ffffff repeat-x;
border: 0px solid #000066
}
.box4960721 h3 {
text-align: center;
margin: 0;
padding: 6px 8px 4px 10px;
font-size: 16px;
color: #000099;
}
.box4960721 div {
margin: 0;
padding: 10px 10px 15px 10px;
list-style: none;
color: #000000;
font-size: 13px;
}
.box4960733 {
text-align: left;
width: 728px;
background: url(../images/grad96910799.png) #ffffff repeat-x;
border: 0px solid #000066
}
.box4960733 h3 {
text-align: center;
margin: 0;
padding: 6px 8px 4px 10px;
font-size: 16px;
color: #000099;
}
.box4960733 div {
margin: 0;
padding: 10px 10px 15px 10px;
list-style: none;
color: #000000;
font-size: 13px;
}
/*]]>*/
</style>
</head>
<body>
<center>
<table align='center'>
<tr>
<td>
<a href='index.php'><img src='/images/header_bg.png' alt='bmcoll.com' border='0' /></a>
</td>
<td>
Web Search
<form action="http://www.bmcoll.com/resaults.html" id="cse-search-box" name="cse-search-box">
<div>
<input type="hidden" name="cx" value="partner-pub-8410913867472693:6yozh6-tsmj" /> <input type="hidden" name="cof" value="FORID:10" /> <input type="hidden" name="ie" value=
"ISO-8859-1" /> <input type="text" name="q" size="31" /> <input type="submit" name="sa" value="Search" /><br />
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"
type="text/javascript">
</script>
</div>
</form><script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en">
</script>
</td>
</tr>
</table>
<ul id="minitabs">
<li>
<a href='http://www.bmcoll.com/infoprivacy.html'>Privacy Stament</a>
</li>
<li>
<a href='http://www.bmcoll.com/infofaq.html'>Frequently asked questions</a>
</li>
<li>
<a href='http://www.bmcoll.com/infocontact.html'>Contact Admin</a>
</li>
<li>
<a href='http://www.bmcoll.com/infofab.html'>Safe Use Guide</a>
</li>
<li>
<a href='http://www.bmcoll.com/infoterms.html'>Terms/Conditions</a>
</li>
<li>
<a href='http://www.bmcoll.com/games'>Play Games</a>
</li>
<li>
<a href='http://www.bmcoll.com/petpics'>PETPHOTOS</a>
</li>
<li>
<a href='http://www.bmcoll.com'>Home Page</a>
</li>
<li>
<a href='http://www.bmcoll.com/seo'>Find a Job</a>
</li>
<li>
<a href='http://bmcoll.com/cgi-bin/yabb2/YaBB.pl'>Fourm</a>
</li>
<li>
<a href='http://www.bmcoll.com/pets'>Pet Classifieds</a>
</li>
<li>
<a href='http://www.bmcoll.com/ideas'>Share your ideas</a>
</li>
</ul>
<table align='center' width='80%' bgcolor='#FFFFFF'>
<tr>
<td>
<h2>
<a href="share.php">Click here to Ad your outrageous pictures</a> Picture should be in .jpg,.png,.gif formats
</h2>
<table cellpadding='2' cellspacing='0' align='center'>
<!--left menue area ################################################################################-->
<tr>
<td align='left' width='15%' bgcolor='#ADB6EA' valign='top'></td>
<td align='right' bgcolor='#ADB6EA' valign='top' width='30%'></td>
<td align='center' bgcolor='#ADB6EA' valign='top' width='30%'></td>
</tr>
<tr>
<td align='center' width='20%' bgcolor='#FFFFFF' valign='top'></td>
<td valign='top' align="center">
<div>
<table summary="Tables used on this page are for formatting purposes only" align="left">
<tr>
<td>
<h3>
The four newest uploads
</h3>
</td>
</tr>
<tr>
<td align="left">
<a href="display1254092304.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1254092304.jpg" alt="img 1254092304.jpg" width="150" height="100" /></a><br />
Boy's is I maaaad
</td>
<td>
Posted on Sunday, September 27<br />
By user<br />
me
</td>
<td align="left">
<a href="display1254091762.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1254091762.jpg" alt="img 1254091762.jpg" width="150" height="100" /></a><br />
Im ferousus
</td>
<td>
Posted on Sunday, September 27<br />
By user<br />
me
</td>
<td align="left">
<a href="display1254084039.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1254084039.jpg" alt="img 1254084039.jpg" width="150" height="100" /></a><br />
i can haz cheezburger
</td>
<td>
Posted on Sunday, September 27<br />
By user<br />
zack
</td>
<td align="left">
<a href="display1254083895.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1254083895.jpg" alt="img 1254083895.jpg" width="150" height="100" /></a><br />
im inocent i swarez
</td>
<td>
Posted on Sunday, September 27<br />
By user<br />
inocent
</td>
</tr>
</table>
</div><br />
<br />
<div>
<br />
<br />
<br />
<script type="text/javascript">
//<![CDATA[
<!--
google_ad_client = "pub-8410913867472693";
/* 728x90, created 7/7/09 */
google_ad_slot = "7025686263";
google_ad_width = 728;
google_ad_height = 90;
//-->
//]]>
</script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div><br />
<div>
<table summary="Tables used on this page are for formatting purposes only" align="left">
<tr>
<td>
<table summary="Tables used on this page are for formatting purposes only" align="left">
<tr>
<td>
<h3>
Images 0 through 12
</h3>
</td>
</tr>
<tr>
<td align="left">
<a href="display1253928118.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1253928118.jpg" alt="img 1253928118.jpg" width="150" height="100" /></a><br />
I dident do it Honest!!
</td>
<td>
Posted on Friday, September 25<br />
By user<br />
bmcoll
</td>
<td align="left">
<a href="display1253928366.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1253928366.jpg" alt="img 1253928366.jpg" width="150" height="100" /></a><br />
Dont hate me cause your not me
</td>
<td>
Posted on Friday, September 25<br />
By user<br />
bmcoll
</td>
<td align="left">
<a href="display1253928526.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1253928526.jpg" alt="img 1253928526.jpg" width="150" height="100" /></a><br />
</td>
<td>
Posted on Friday, September 25<br />
By user<br />
bmcoll
</td>
<td align="left">
<a href="display1253928598.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1253928598.jpg" alt="img 1253928598.jpg" width="150" height="100" /></a><br />
Do I look guilty to you?
</td>
<td>
Posted on Friday, September 25<br />
By user<br />
bmcoll
</td>
</tr>
</table><br />
<table summary="Tables used on this page are for formatting purposes only" align="left">
<tr>
<td align="left">
<a href="display1253929697.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1253929697.jpg" alt="img 1253929697.jpg" width="150" height="100" /></a><br />
</td>
<td>
Posted on Friday, September 25<br />
By user<br />
</td>
<td align="left">
<a href="display1253941083.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1253941083.jpg" alt="img 1253941083.jpg" width="150" height="100" /></a><br />
right outside the car
</td>
<td>
Posted on Friday, September 25<br />
By user<br />
</td>
<td align="left">
<a href="display1253947008.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1253947008.jpg" alt="img 1253947008.jpg" width="150" height="100" /></a><br />
My Boxer Odee Dreaming,,,,
</td>
<td>
Posted on Saturday, September<br />
By user<br />
Kris J
</td>
<td align="left">
<a href="display1253947165.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1253947165.jpg" alt="img 1253947165.jpg" width="150" height="100" /></a><br />
My Buds Dog with A Huge Rawhide Bone...
</td>
<td>
Posted on Saturday, September<br />
By user<br />
Kris J
</td>
</tr>
</table><br />
<table summary="Tables used on this page are for formatting purposes only" align="left">
<tr>
<td align="left">
<a href="display1253980338.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1253980338.jpg" alt="img 1253980338.jpg" width="150" height="100" /></a><br />
Daves dog Brownie returned from lala land
</td>
<td>
Posted on Saturday, September<br />
By user<br />
Dave
</td>
<td align="left">
<a href="display1253982426.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1253982426.jpg" alt="img 1253982426.jpg" width="150" height="100" /></a><br />
puppies
</td>
<td>
Posted on Saturday, September<br />
By user<br />
dave
</td>
<td align="left">
<a href="display1253982863.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1253982863.jpg" alt="img 1253982863.jpg" width="150" height="100" /></a><br />
little guys
</td>
<td>
Posted on Saturday, September<br />
By user<br />
Dave
</td>
<td align="left">
<a href="display1253983810.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1253983810.jpg" alt="img 1253983810.jpg" width="150" height="100" /></a><br />
Daves dog found nation rejoices
</td>
<td>
Posted on Saturday, September<br />
By user<br />
Brian
</td>
</tr>
</table><br />
<table summary="Tables used on this page are for formatting purposes only" align="left">
<tr>
<td align="left">
<a href="display1254082581.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1254082581.jpg" alt="img 1254082581.jpg" width="150" height="100" /></a><br />
One bad dude
</td>
<td>
Posted on Sunday, September 27<br />
By user<br />
Brian
</td>
<td align="left">
<a href="display1254082489.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1254082489.jpg" alt="img 1254082489.jpg" width="150" height="100" /></a><br />
My lazy cat Woefy 6 months old
</td>
<td>
Posted on Sunday, September 27<br />
By user<br />
Brian
</td>
<td align="left">
<a href="display1254080742.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1254080742.jpg" alt="img 1254080742.jpg" width="150" height="100" /></a><br />
Glad I wore my cup.
</td>
<td>
Posted on Sunday, September 27<br />
By user<br />
Brian
</td>
<td align="left">
<a href="display1254081455.jpg.html"><img src="http://www.webmaster-talk.com/images/smaller_1254081455.jpg" alt="img 1254081455.jpg" width="150" height="100" /></a><br />
Hungry donkeys
</td>
<td>
Posted on Sunday, September 27<br />
By user<br />
Brian
</td>
</tr>
</table><br />
</td>
</tr>
</table><a href="http://www.bmcoll.com/petpics/index-12.html">Prev</a> <a href="http://www.bmcoll.com/petpics/index16.html">Next</a><br />
</div>
</td>
</tr>
</table>
<center>
<br />
<br />
<br />
<script type="text/javascript">
//<![CDATA[
<!--
google_ad_client = "pub-8410913867472693";
/* 728x90, created 7/7/09 */
google_ad_slot = "7025686263";
google_ad_width = 728;
google_ad_height = 90;
//-->
//]]>
</script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</center>
</td>
</tr>
</table>
<table>
<tr>
<td align='left' width='20%' valign='top'>
> <!-- end right content #####################################################################################-->
</td>
</tr>
</table><br />
<center>
All pages copy write bmcoll.com 2009
</center><script type="text/javascript">
//<![CDATA[
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
//]]>
</script> <script type="text/javascript">
//<![CDATA[
try {
var pageTracker = _gat._getTracker("");
pageTracker._trackPageview(UA-9826336-2);
} catch(err) {}
//]]>
</script>
</center>
</body>
</html>
If you see some extra table tags I amy have not taken them all out as I have added them to try to make it work same with divs