Can you post something for us to actually try?

Browser compatibility sucks. jQuery is the de-facto standard library to provide common behaviors consistently across browsers.

thanks for the link, I had heard and seen some stuff about JQuery but had hoped to put off learning it a bit. I guess Ill get started. ApochPiQ there isnt much more other than some div tags given IDs. When I took the class in 2007 we didnt cover this stuff, hell we even used the frame tag and I heard its been depricated in Html 5.

Yeah... my point is, if you post what you're actually working on, then someone can look at it and figure out why it doesn't work in some/all browsers.

Web development is a complete jungle of slightly different implementations of poorly followed standards. In some really pathologically common situations, it may be possible to divine the exact cause and solution for a given problem just by seeing a couple lines of JavaScript, but for the most part it takes more information than that to narrow down specific compatibility issues.

Good point, I gotta run out but Ill post the complete site tomorrow morning.

Here it is.... Its got some formatting issues but thats not really what concerns me at this point. It would be good to know if this works in any one else's Chrome and Firefox Browsers because it could just be my script settings.

The Source............................................
























The Script..............................................................................................



// JavaScript Document
var CurrentContentId = "WelcomeContent";

function DoNavigationWelcome()
{
document.getElementById("WelcomeContent").style.display = "block";

if(CurrentContentId != "WelcomeContent")
document.getElementById(CurrentContentId).style.display = "none";


CurrentContentId = "WelcomeContent";
}

function DoNavigationThisWeek()
{
document.getElementById("ThisWeek").style.display = "block";

if(CurrentContentId != "ThisWeek")
document.getElementById(CurrentContentId).style.display = "none";

CurrentContentId = "ThisWeek";

}

function DoNavigationBios()
{
document.getElementById("Bios").style.display = "block";

if(CurrentContentId != "Bios")
document.getElementById(CurrentContentId).style.display = "none";

CurrentContentId = "Bios";

}

function DoNavigationSwag()
{
document.getElementById("Swag").style.display = "block";

if(CurrentContentId != "Swag")
document.getElementById(CurrentContentId).style.display = "none";

CurrentContentId = "Swag";

}

function DoNavigationContact()
{
document.getElementById("Contact").style.display = "block";

if(CurrentContentId != "Contact")
document.getElementById(CurrentContentId).style.display = "none";

CurrentContentId = "Contact";

}

The CSS....................................................



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

body {
margin: 0;
padding: 0;
}

h1, h2, h3, h4 {text-align:center;}

#Container {
width: 100%;
max-width: 1260px;
float: none;
margin: 0;
padding: 0;
background-color:#393;
}

#Header {
background-color: #C93;
height: 30%;
padding: 0;
}

#Navigation {
background-color:#393;
width: 20%;
float:left;
}

#Content {
background-color:#393;
width: 80%;
float:left;
padding: 0;

}
#InnerContent {width: 80%; float:left; padding: 0; background-color:#3F3;}


#Menu {
padding:0;
margin:0;
}

#Menu li{ list-style-type:none; }
#Menu a{text-decoration:none }

p { text-indent: 1em; margin: 5px; text-wrap:normal}

#Footer {background-color: #969;
padding: 0;
position: relative;
clear:both;
}

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

.Content {display: none;}

Here it is.... Its got some formatting issues but thats not really what concerns me at this point. It would be good to know if this works in any one else's Chrome and Firefox Browsers because it could just be my script settings.

'' loads a new page.

So each time you click a link, the current element is changed, then the page is reloaded.

To make a dummy link, put href='#', to indicate section on same page.


But this type of navigation is generally avoided since it breaks or hinders search engines and also breaks back/forward button.

Instead, make one page for each content, use hrefs for actual navigation. Alternatively, don't use 'a' tag. Again, very bad practice.

Thanks Antheus that worked and youre also right about the back button.