firefox, netscape, & IE9 browser trouble!

This is a discussion on "firefox, netscape, & IE9 browser trouble!" within the Web Page Design section. This forum, and the thread "firefox, netscape, & IE9 browser trouble! are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Apr 25th, 2007, 18:07
New Member
Join Date: Apr 2007
Location: Glasgow
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
firefox, netscape, & IE9 browser trouble!

currently developing a website for a university project. It works fine on my browser which is Internet Explorer 10. But on the computers at uni all my div tags have moved. think the browser at uni is IE9, also tried it in Firefox and Netscape, and these make the problem even worse. is there anything that i can do to make my website compatible to all of these browsers?

cheers
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Apr 25th, 2007, 19:17
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: firefox, netscape, & IE9 browser trouble!

Quote:
Originally Posted by Welsh8 View Post
currently developing a website for a university project. It works fine on my browser which is Internet Explorer 10. But on the computers at uni all my div tags have moved. think the browser at uni is IE9, also tried it in Firefox and Netscape, and these make the problem even worse. is there anything that i can do to make my website compatible to all of these browsers?

cheers
Oh really!? Hmmm ... you might have those numbers wrong. IE is up to 7

In any case ... we're not mind readers so we'll need the link
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Apr 25th, 2007, 19:20
New Member
Join Date: Apr 2007
Location: Glasgow
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: firefox, netscape, & IE9 browser trouble!

whoops, yeh thats what i mean. havnt got a link because the site is not 'online', just on my computer.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Apr 25th, 2007, 20:14
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: firefox, netscape, & IE9 browser trouble!

just put it on a free host somewhere like freewebs unless you are using server-side language.

Or just paste the code in here in [code] tags.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Apr 25th, 2007, 21:26
New Member
Join Date: Apr 2007
Location: Glasgow
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: firefox, netscape, & IE9 browser trouble!

Code: Select all
td,th {
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
}
a:link {
 color: #0000FF;
}
a:visited {
 color: #660000;
}
a:hover {
 color: #FF0000;
}
a:active {
 color: #ECE9D8;
}
large {
 font-size: 100%;
}
div#left {
 width: 226px;
 margin-top: -37px;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: 20px;
 border-top-style: none;
 border-right-style: double;
 border-bottom-style: double;
 border-left-style: double;
 float: left;
 border-top-width: thick;
 border-right-width: thick;
 border-bottom-width: thick;
 border-left-width: thick;
 border-top-color: #FFD5D6;
 border-right-color: #FFD5D6;
 border-bottom-color: #FFD5D6;
 border-left-color: #FFD5D6;
 height: 548px;
 background-color: #999999;
}
div#ArtistNav {
 float: none;
 height: auto;
 width: auto;
 margin-left: 20px;
}
div#TouristThumb {
 float: right;
 margin-right: 60px;
 margin-left: auto;
 height: 52px;
 width: 52px;
}
div#InterconnectionThumb {
 float: right;
 margin-right: 60px;
}
div#CloseupThumb {
 float: right;
 margin-right: 60px;
}
div#BlueThumb {
 float: right;
 margin-right: 60px;
 width: auto;
}
 
div#content {
 height: auto;
 width: auto;
 float: none;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 12px;
 border-top-width: thick;
 border-right-width: thick;
 border-bottom-width: thick;
 border-left-width: thick;
 border-bottom-style: double;
 border-top-color: #FFCCCC;
 border-right-color: #FFCCCC;
 border-bottom-color: #FFCCCC;
 border-left-color: #FFCCCC;
 margin-right: 30px;
 text-align: justify;
}
div#brit {
 float: none;
 height: auto;
 width: 184px;
}
div#Britlogo {
 float: none;
 margin-left: 20px;
 margin-top: 50px;
}
 
div#GroupPicture {
 float: right;
 margin: -500px;
}
div#AlbumThumbs {
 float: right;
 height: 130px;
 width: 490px;
 margin-left: 15px;
 border: thin double #333132;
 margin-bottom: 0px;
 margin-top: -135px;
 background-color: #176846;
 margin-right: 30px;
}
div#tourtxt {
 width: auto;
 float: right;
 margin-right: 65px;
 margin-top: -30px;
}
div#Interconnection {
 width: 90px;
 float: right;
 margin-right: 47px;
 margin-top: -30px;
}
div#closeup {
 width: auto;
 float: right;
 margin-right: 40px;
 margin-top: -30px;
}
div#blue {
 width: auto;
 float: right;
 margin-right: 72px;
 margin-top: -30px;
}
 
div#logo {
 background-image: url(../../Pictures/Optimised/WEB-top-banner.jpg);
 height: 150px;
 width: 800px;
 background-position: center center;
 background-repeat: no-repeat;
}
div#bigcontainer {
 height: 900px;
 width: 800px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 background-image: url(../../Pictures/Optimised/New%20Back%20box%27s/WEB-Backbox-800x600.jpg);
 background-position: center 202px;
 background-repeat: no-repeat;
 
 
}

div#topleft {
 border-top-width: thick;
 border-right-width: thick;
 border-bottom-width: thick;
 border-left-width: thick;
 border-bottom-style: double;
 border-top-color: #FFCCCC;
 border-right-color: #FFCCCC;
 border-bottom-color: #FFCCCC;
 border-left-color: #FFCCCC;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
}
div#top {
 border-top-width: medium;
 border-right-width: medium;
 border-bottom-width: medium;
 border-left-width: medium;
 border-bottom-style: double;
 border-top-color: #FFCCCC;
 border-right-color: #FFCCCC;
 border-bottom-color: #FFCCCC;
 border-left-color: #FFCCCC;
}

div#Navbar {
 margin-right: auto;
 margin-left: auto;
 margin-top: -65.5px;
 background-position: center center;
}
div#NavBack {
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 height: 57px;
 width: 800px;
}
div#groupPicture {
 float: left;
 height: auto;
 width: auto;
 margin-left: 12px;
 margin-right: 10px;
 margin-top: -40px;
}
div#PaulPicture {
 float: left;
 height: auto;
 width: auto;
 margin-left: 10px;
 margin-right: 10px;
}
div#title {
 height: auto;
 width: 340px;
 margin-right: 23px;
 margin-bottom: 0px;
 margin-left: 0px;
 float: right;
 margin-top: -40px;
 text-decoration: underline;
 border-top-width: thin;
 border-right-width: thin;
 border-bottom-width: thin;
 border-left-width: thin;
 border-bottom-style: double;
 border-top-color: #FFCCCC;
 border-right-color: #FFCCCC;
 border-bottom-color: #FFCCCC;
 border-left-color: #FFCCCC;
 text-align: right;
}
div#contentTXT {
 height: auto;
 width: auto;
 clear: none;
 margin-right: 30px;
 border-top-width: thick;
 border-right-width: thick;
 border-bottom-width: thick;
 border-left-width: thick;
 border-bottom-style: none;
 border-top-color: #FFCCCC;
 border-right-color: #FFCCCC;
 border-bottom-color: #FFCCCC;
 border-left-color: #FFCCCC;
 float: none;
 margin-top: -40px;
 text-align: justify;
 text-indent: 0px;
 margin-left: 270px;
}
div#div {
 border-top-width: medium;
 border-right-width: medium;
 border-bottom-width: medium;
 border-left-width: medium;
 border-bottom-style: double;
 border-top-color: #FFCCCC;
 border-right-color: #FFCCCC;
 border-bottom-color: #FFCCCC;
 border-left-color: #FFCCCC;
}
#table {
 float: none;
 margin-right: 100px;
 margin-left: 100px;
 width: auto;
}
heres my CSS code. cheers for this. the problem is with the main bulk of text called div#content, it appears at the bottom of the screen.

cheers for this

Last edited by karinne; Apr 25th, 2007 at 22:08. Reason: Reason: Please use [code]...[/code] tags when displaying code!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Apr 25th, 2007, 22:08
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: firefox, netscape, & IE9 browser trouble!

Anf the HTML is....
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Apr 25th, 2007, 22:10
New Member
Join Date: Apr 2007
Location: Glasgow
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: firefox, netscape, & IE9 browser trouble!

Code: Select all
<!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=iso-8859-1" />
<title>Official Anaconda Website</title>
<link href="../../CSS/New/anaconda Style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Date {font-size: 14px}
body {
 background-color: #CCCCCC;
}
.content {font-size: 18px}
.style3 {font-size: 36px}
.selected {font-size: 18px; font-weight: bold; }
-->
</style>
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('../../Pictures/Optimised/NavBar Buttons/WEB-home-over.jpg','../../Pictures/Optimised/NavBar Buttons/WEB-artist-over.jpg','../../Pictures/Optimised/NavBar Buttons/WEB-news-over.jpg','../../Pictures/Optimised/NavBar Buttons/WEB-tour-over.jpg','../../Pictures/Optimised/NavBar Buttons/WEB-releases-over.jpg','../../Pictures/Optimised/NavBar Buttons/WEB-merchandise-over.jpg','../../Pictures/Optimised/NavBar Buttons/WEB-gallery-over.jpg','../../Pictures/Optimised/Artist Navigation/WEB-group-over.jpg','../../Pictures/Optimised/Artist Navigation/WEB-lynn-over.jpg','../../Pictures/Optimised/Artist Navigation/WEB-paul-over.jpg')">
<div id="bigcontainer">
  
  <div id="logo">
    <p align="center">&nbsp;</p>
  </div>
  <div id="Navigation">
    <div id="NavBack">
      <p align="center"><img src="../../Pictures/Optimised/WEB-navbar.jpg" alt="Please select an option" width="793" height="56" /></p>
    </div>
    <div id="Navbar">
      <p align="center"><a href="Index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('HomeButton','','../../Pictures/Optimised/NavBar Buttons/WEB-home-over.jpg',1)"><img src="../../Pictures/Optimised/NavBar Buttons/WEB-home-normal.jpg" alt="Go to the home page" name="HomeButton" width="82" height="28" border="0" id="HomeButton" /></a><a href="Artist home.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ArtistButton','','../../Pictures/Optimised/NavBar Buttons/WEB-artist-over.jpg',1)"><img src="../../Pictures/Optimised/NavBar Buttons/WEB-artist-normal.jpg" alt="View information about Anaconda and the band members" name="ArtistButton" width="96" height="28" border="0" id="ArtistButton" /></a><a href="News home.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('NewsButton','','../../Pictures/Optimised/NavBar Buttons/WEB-news-over.jpg',1)"><img src="../../Pictures/Optimised/NavBar Buttons/WEB-news-normal.jpg" alt="View news and updates about Anaconda" name="NewsButton" width="94" height="28" border="0" id="NewsButton" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('TourButton','','../../Pictures/Optimised/NavBar Buttons/WEB-tour-over.jpg',1)"><img src="../../Pictures/Optimised/NavBar Buttons/WEB-tour-normal.jpg" alt="View our upcoming tour dates" name="TourButton" width="92" height="28" border="0" id="TourButton" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ReleasesButton','','../../Pictures/Optimised/NavBar Buttons/WEB-releases-over.jpg',1)"><img src="../../Pictures/Optimised/NavBar Buttons/WEB-releases-normal.jpg" alt="Buy and view our latest Album and Single releases" name="ReleasesButton" width="118" height="28" border="0" id="ReleasesButton" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('MerchandiseButton','','../../Pictures/Optimised/NavBar Buttons/WEB-merchandise-over.jpg',1)"><img src="../../Pictures/Optimised/NavBar Buttons/WEB-merchandise-normal.jpg" alt="Anaconda merchandise and shop" name="MerchandiseButton" width="144" height="28" border="0" id="MerchandiseButton" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('GalleryButton','','../../Pictures/Optimised/NavBar Buttons/WEB-gallery-over.jpg',1)"><img src="../../Pictures/Optimised/NavBar Buttons/WEB-gallery-normal.jpg" alt="Picture galleries of our live performances" name="GalleryButton" width="89" height="28" border="0" id="GalleryButton" /></a></p>
    </div>
  </div>
  <p align="center">&nbsp;</p>
  <div id="left">
    <div id="topleft"></div>
    
    <div id="top">
      <h3 align="left"><a href="Artist home.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Group','','../../Pictures/Optimised/Artist Navigation/WEB-group-over.jpg',1)"></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Lynn','','../../Pictures/Optimised/Artist Navigation/WEB-lynn-over.jpg',1)"></a><a href="Artist Paul.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Paul','','../../Pictures/Optimised/Artist Navigation/WEB-paul-over.jpg',1)"></a>News:</h3>
      <ul>
        <li class="selected"><a href="News home.html">Anaconda voted best band of 2006</a></li>
        <li class="content"><a href="News glastonbury.html">Anaconda signed to play glastonbury</a></li>
        <li class="content"><a href="News VFestival.html">Anoconda signed to play V festival</a></li>
        <li class="content"><a href="News record.html">Anaconda record deal sealed </a></li>
      </ul>
    </div>
    <div id="leftbottom"></div>
  </div>
  <div id="title">
    <div align="right"><span class="style3">News  </span> </div>
  </div>
  
  <div id="PaulPicture">
    <p align="justify"><img src="../../Pictures/Optimised/News Page/WEB-Brit-awards.jpg" alt="Brit Awards logo (click on image to enlarge)" width="184" height="125" /></p>
  </div>
  <div id="contentTXT">
    <div align="justify" class="content">
      <p class="content">&nbsp;</p>
      <p class="selected">Anaconda voted best band of 2006 at the Brit Awards</p>
      <p class="content">We are over the moon to tell you that we were voted best band of 2006 at this years Brit awards. A massive thank you to all our fans who voted for us, it means so much to us. </p>
      <p class="content">for more info on the Brit awards visit <a href="<A href="http://brits.co.uk/">The">http://brits.co.uk/">The Brit Awards homepage</a></p>
      <p class="content">&nbsp;</p>
      <p class="content">&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div>
  </div>
  <p align="center">&nbsp;</p>
  <div id="AlbumThumbs">  
    <p>Latest Releases: </p>
    <div id="BlueThumb">
      <p><img src="../../Pictures/Optimised/Albums/thumbs/WEB-blue-thumb.jpg" alt="Blue" width="52" height="52" /> </p>
    </div>
    <div id="CloseupThumb"><img src="../../Pictures/Optimised/Albums/thumbs/WEB-closeup-thumb.jpg" alt="Closeup" width="52" height="52" /></div>
    <div id="InterconnectionThumb"><img src="../../Pictures/Optimised/Albums/thumbs/WEB-interconnection-thumb.jpg" alt="Interconnection" width="52" height="52" /></div>
    <div id="TouristThumb"><img src="../../Pictures/Optimised/Albums/thumbs/WEB-Tourist-thumb.jpg" alt="Tourist" width="52" height="52" /></div>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <div class="Date" id="tourtxt">
      <p>Tourist</p>
    </div>
    <div class="Date" id="Interconnection">Interconnection</div>
    <div class="Date" id="closeup">Closeup</div>
    <div class="Date" id="blue">Blue</div>
  </div>
</div>
</body>
</html>
sorry heres the HTML, for one of the pages

Last edited by karinne; Apr 25th, 2007 at 22:13. Reason: Reason: Please use [code]...[/code] tags when displaying code!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old Apr 25th, 2007, 22:17
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: firefox, netscape, & IE9 browser trouble!

Please use [code]...[/code] tags when displaying code!

I don't see a <div id="content"> anywhere in that HTML.

Please validate that code before.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9  
Old Apr 25th, 2007, 22:22
New Member
Join Date: Apr 2007
Location: Glasgow
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: firefox, netscape, & IE9 browser trouble!

ok, not sure what u mean by those tags. just ran it through the validator, and it passed.

sorry about the div#content, it is actually called div#contentTXT that was a mistake
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10  
Old Apr 25th, 2007, 22:25
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: firefox, netscape, & IE9 browser trouble!

No it doesn't pass ... you have 2 errors which have to do with that messed up link.

You don't have a #contentTXT in your stylesheet
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #11  
Old May 4th, 2008, 21:13
New Member
Join Date: May 2008
Location: Utah
Age: 66
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Smile Re: firefox, netscape, & IE9 browser trouble!

I had problems with IE8 padding tables, etc. I added meta tag to emulate IE7
<meta http-equiv="X-UA-Compatible" content="IE=7" />

Not sure if this will fix other browsers, Firefox messes with everything, my sites are hit with IE at almost 90%.

10,000's of sites will be messed up when IE8 comes full time.

Microsoft trying to make new browsers backwards compataple for to many standards.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #12  
Old May 6th, 2008, 19:26
Junior Member
Join Date: Feb 2008
Location: Michigan
Posts: 29
Thanks: 0
Thanked 0 Times in 0 Posts
Re: firefox, netscape, & IE9 browser trouble!

I think we'd all be happy if microsoft would just make IE compatible with current standards
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #13  
Old May 7th, 2008, 06:25
Banned Member
Join Date: Apr 2008
Location: CA
Age: 24
Posts: 12
Thanks: 0
Thanked 0 Times in 0 Posts
Re: firefox, netscape, & IE9 browser trouble!

Just check out tags on the online editor. you will find the bugs and fix them.May be this will help.




Last edited by welshstew; May 7th, 2008 at 06:55. Reason: no sigs until 25 posts ;-)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #14  
Old May 11th, 2008, 08:32
Reputable Member
Join Date: Jul 2006
Location: Baldock
Age: 20
Posts: 465
Thanks: 1
Thanked 0 Times in 0 Posts
Re: firefox, netscape, & IE9 browser trouble!

when i put the index code it didnt validate it had 6 errors which should be sorted give me a second i will see if i can do it...
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #15  
Old May 11th, 2008, 08:39
Reputable Member
Join Date: Jul 2006
Location: Baldock
Age: 20
Posts: 465
Thanks: 1
Thanked 0 Times in 0 Posts
Re: firefox, netscape, & IE9 browser trouble!

here now put this through the validator... "ITS VALIDATED I FIXED IT lol"

Code: Select all
<!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=iso-8859-1" />
<title>Official Anaconda Website</title>
<link href="CSS/New/anaconda Style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Date {font-size: 14px}
body {
 background-color: #CCCCCC;
}
.content {font-size: 18px}
.style3 {font-size: 36px}
.selected {font-size: 18px; font-weight: bold; }
-->
</style>
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('../../Pictures/Optimised/NavBar Buttons/WEB-home-over.jpg','../../Pictures/Optimised/NavBar Buttons/WEB-artist-over.jpg','../../Pictures/Optimised/NavBar Buttons/WEB-news-over.jpg','../../Pictures/Optimised/NavBar Buttons/WEB-tour-over.jpg','../../Pictures/Optimised/NavBar Buttons/WEB-releases-over.jpg','../../Pictures/Optimised/NavBar Buttons/WEB-merchandise-over.jpg','../../Pictures/Optimised/NavBar Buttons/WEB-gallery-over.jpg','../../Pictures/Optimised/Artist Navigation/WEB-group-over.jpg','../../Pictures/Optimised/Artist Navigation/WEB-lynn-over.jpg','../../Pictures/Optimised/Artist Navigation/WEB-paul-over.jpg')">
<div id="bigcontainer">
 
  <div id="logo">
    <p align="center">&nbsp;</p>
  </div>
  <div id="Navigation">
    <div id="NavBack">
      <p align="center"><img src="../../Pictures/Optimised/WEB-navbar.jpg" alt="Please select an option" width="793" height="56" /></p>
    </div>
    <div id="Navbar">
      <p align="center"><a href="Index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('HomeButton','','../../Pictures/Optimised/NavBar Buttons/WEB-home-over.jpg',1)"><img src="../../Pictures/Optimised/NavBar Buttons/WEB-home-normal.jpg" alt="Go to the home page" name="HomeButton" width="82" height="28" border="0" id="HomeButton" /></a><a href="Artist home.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ArtistButton','','../../Pictures/Optimised/NavBar Buttons/WEB-artist-over.jpg',1)"><img src="../../Pictures/Optimised/NavBar Buttons/WEB-artist-normal.jpg" alt="View information about Anaconda and the band members" name="ArtistButton" width="96" height="28" border="0" id="ArtistButton" /></a><a href="News home.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('NewsButton','','../../Pictures/Optimised/NavBar Buttons/WEB-news-over.jpg',1)"><img src="../../Pictures/Optimised/NavBar Buttons/WEB-news-normal.jpg" alt="View news and updates about Anaconda" name="NewsButton" width="94" height="28" border="0" id="NewsButton" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('TourButton','','../../Pictures/Optimised/NavBar Buttons/WEB-tour-over.jpg',1)"><img src="../../Pictures/Optimised/NavBar Buttons/WEB-tour-normal.jpg" alt="View our upcoming tour dates" name="TourButton" width="92" height="28" border="0" id="TourButton" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ReleasesButton','','../../Pictures/Optimised/NavBar Buttons/WEB-releases-over.jpg',1)"><img src="../../Pictures/Optimised/NavBar Buttons/WEB-releases-normal.jpg" alt="Buy and view our latest Album and Single releases" name="ReleasesButton" width="118" height="28" border="0" id="ReleasesButton" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('MerchandiseButton','','../../Pictures/Optimised/NavBar Buttons/WEB-merchandise-over.jpg',1)"><img src="../../Pictures/Optimised/NavBar Buttons/WEB-merchandise-normal.jpg" alt="Anaconda merchandise and shop" name="MerchandiseButton" width="144" height="28" border="0" id="MerchandiseButton" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('GalleryButton','','../../Pictures/Optimised/NavBar Buttons/WEB-gallery-over.jpg',1)"><img src="../../Pictures/Optimised/NavBar Buttons/WEB-gallery-normal.jpg" alt="Picture galleries of our live performances" name="GalleryButton" width="89" height="28" border="0" id="GalleryButton" /></a></p>
    </div>
  </div>
  <p align="center">&nbsp;</p>
  <div id="left">
    <div id="topleft"></div>
 
    <div id="top">
      <h3 align="left"><a href="Artist home.html