WEBSITE PAGE NOT SHOWING UP IN IE9..ONLY THE BACKGROUND SHOWS UP..

in firefox , ie9, i've been creating site. html5. now, here done site , when media page..... seems show background in ie9..even after deleted it.. specific page (videos.html) displaying background. each page do, i've tested them in both browswers..... keeping same except content within article....

here's code initially, i'm sure there erros guys me , don't rude, if will. appreciate greatly.

here's looks in firefox:

here's looks in ie9:

here's code:

(it's neat in dreamweaver) but... copied , pasted onto here.

<!doctype html>

<html>

<head>

<title>media - dahj videos, photos, , blog: official website</title>

<!--

body {

margin: 0;

padding: 0;

color: #000;

background:url(images/websitebackgroundhomee.jpg) repeat scroll 0 0;

font-family: david;

font-size: 15px;

height:100%;

}

/* ~~ element/tag selectors ~~ */

ul, ol, dl { /* due variations between browsers, it's best practices 0 padding , margin on lists. consistency, can either specify amounts want here, or on list items (li, dt, dd) contain. remember here cascade .nav list unless write more specific selector. */

padding: 0;

margin: 0;

}

h2, h4, h5, h6, p {

margin-top: 0;

padding-left: 15px; /* adding padding sides of elements within blocks, instead of block elements themselves, gets rid of box model math. nested block side padding can used alternate method. */

font-family: david;

}

a img { /* selector removes default blue border displayed in browsers around image when surrounded link */

border: none;

}

/* ~~ styling site's links must remain in order - including group of selectors create hover effect. ~~ */

a:link {

color: #42413c;

text-decoration: none; /* unless style links extremely unique, it's best provide underlines quick visual identification */

}

a:visited {

text-decoration: underline;

}

a:hover, a:active, a:focus { /* group of selectors give keyboard navigator same hover experience person using mouse. */

text-decoration: none;

}

/* ~~ fixed width container surrounds other blocks ~~ */

.container {

width: 960px;

margin: 0 auto;

border-radius: 5px;

-moz-border-radius: 5px;

-moz-box-shadow: 0 5px 3px 3px #7d7f7e;

-webkit-box-shadow: 0 5px 3px 5px #7d7f7e;

box-shadow: 0 5px 3px 3px #999;

background-image: url(images/contentbckgrnds/videocontent.jpg);

}

/* ~~ header not given width. extend full width of layout. ~~ */

header {

height: 520px;

width: 960px;

background-position: center;

background-color: #000;

}

h1 {

font-family:century gothic;

padding-left:11px;

font-weight:lighter;

}

h1 a:hover {

color:#09f;

}

/* ~~ these columns layout. ~~

1) padding placed on top and/or bottom of block elements. elements within these blocks have padding on sides. saves "box model math". keep in mind, if add side padding or border block itself, added width define create *total* width. may choose remove padding on element in block element , place second block element within no width , padding necessary design.

2) no margin has been given columns since floated. if must add margin, avoid placing on side you're floating toward (for example: right margin on block set float right). many times, padding can used instead. blocks rule must broken, should add "display:inline" declaration block element's rule tame bug versions of internet explorer double margin.

3) since classes can used multiple times in document (and element can have multiple classes applied), columns have been assigned class names instead of ids. example, 2 sidebar blocks stacked if necessary. these can changed ids if that's preference, long you'll using them once per document.

4) if prefer nav on left instead of right, float these columns opposite direction (all left instead of right) , they'll render in reverse order. there's no need move blocks around in html source.

.sidebar1 {

float: right;

width: 300px;

background: #fff;

padding-bottom: 10px;

}

.content {

padding: 0px 0;

width: 960px;

float: right;

background-color: #fff;

}

/* ~~ grouped selector gives lists in .content area space ~~ */

.content ul, .content ol {

padding: 0 15px 15px 40px; /* padding mirrors right padding in headings , paragraph rule above. padding placed on bottom space between other elements on lists , on left create indention. these may adjusted wish. */

}

/* ~~ footer ~~ */

footer {

padding: 10px 0;

position: relative;/* gives ie6 haslayout clear */

clear: both; /* clear property forces .container understand columns end , contain them */

background-color: #ccc;

background-image: url(images/footer2.jpg);

}

/*html 5 support - sets new html 5 tags display:block browsers know how render tags properly. */

header, section, footer, aside, nav, article, figure {

display: block;

}

aside {

}

.homebutton{

background: no-repeat scroll 0 0 transparent;

height:65px;

left:-1.2em;

position:relative;

top:-3.4em;

width:172px;

z-index:20;

}

h3 {

font:"palatino linotype", "book antiqua", palatino, serif;

font-size:small;

padding-left:15px;

}

/* footer's font , text */

address {

font-style:century gothic;

color:#ffffff;

text-decoration:none;

text-align:center;

font-style:normal;

}

address a:link {

color:#0cf;

}

address a:link, a:hover {

color:#33cc33;

}

/* social media links, titles, , counts..... facebook, twitter, youtube */

#socialmedia {

list-style:none outside none;

display:block;

margin:15px 145px 0px;

position:relative;

}

.twitter {

display:inline;

margin-left:135px;

}

.facebook {

display:inline;

}

.youtube {

display:inline;

margin-left:135px;

}

#socialmediatitles {

list-style:none outside none;

display:block;

margin:15px 190px 5px;

position:relative;

font-family:century gothic;

font-size:22px;

color:#ffffff;

width:800px;

}

.twitterfollowers {

display:inline;

margin-left:160px;

color:#ffffff;

}

.twitterfollowers a:link {

color:#ffffff;

}

.facebookfans a:link {

color:#ffffff;

}

.youtubesubs a:link {

color:#ffffff;

}

.facebookfans {

color:#ffffff;

display:inline;

}

.youtubesubs {

display:inline;

margin-left:135px;

color:#ffffff;

}

#socialmedianumbers {

list-style:none outside none;

display:block;

margin:15px 185px 5px;

position:relative;

font-family:century gothic;

font-size:30px;

color:#ffffff;

width:800px;

}

.twittercount {

display:inline;

margin-left:150px;

color:#ffffff;

}

.twittercount a:link {

color:#ffffff;

}

.facebookcount a:link {

color:#ffffff;

}

.youtubecount a:link {

color:#ffffff;

}

.facebookcount {

color:#ffffff;

display:inline;

}

.youtubecount {

display:inline;

margin-left:135px;

color:#ffffff;

}

div#voverlay {

background:#fff;

display:none;

height:480px;

padding:35px;

width:640px;

}

div#voverlay .close {{

cursor:pointer;

height:35px;

position:absolute;

right:5px;

top:5px;

width:35px;

background:#999;

}

div#vcontainer {

background: url("loading.gif") no-repeat scroll 50% 50% transparent;

height:100%;

left:0;

top:0;

width:100%;

}

.videogallery {

width:871px;

}

.videogallery {

color:#333333;

display:inline-block;

font:12px/18px "centurty gothic";

margin:3px;

opacity:0.87;

position:relative;

text-align:center;

text-decoration:none;

veritcal-align: top;

width:240px;

}

.videogallery img {

border:medium none;

display:block;

margin:0;

}

.videogallery span {

display:block;

}

.videogallery a.videolb {

display:none;

}

</style>

#mediaxmedia{ height:823px; border:none;}

</style>

<!--[if lt ie 9]>

</script>

<![endif]-->

</head>

<body>

<ul>

</ul>

<ul>

<li><a href="http://www.dahj.com/recent-activity">activity</a></li>

</ul>

<ul>

</ul>

<ul>

<li><a href="http://www.dahj.com/photogallery">media</a>

</ul>

<ul>

<li><a href="http://www.dahj.com/coaching">coaching</a></li>

</ul>

<ul>

</ul>

<ul>

<li><a href="http://www.dahj.com/about">about</a></li>

</ul>

</p>

</div>

</div>

<br>

</div>

</div>

</center>

<br>

</article>

<br>

</div>

</div>

</div>

</div>

<a href="http://twitter.com/officialdahj">followers</a>

</div>

<a href="http://youtube.com/dahj">subscribers</a>

</div>

<br>

©2012 copyright | <a href="http://dahj.com/privacy-policy">privacy policy/your privacy rights</a> | <a href="http://dahj.com/terms-of-use">terms of use</a> | <a href="http://dahj.com/contact-information">contact us</a> | <a href="http://dahj.com/feedback">feedback</a>

</address>

</footer>

</div>

</body>

</html>

can upload web somewhere , post link can view in our browsers?

More discussions in Dreamweaver support forum

adobe

Search This Blog

Rest

WEBSITE PAGE NOT SHOWING UP IN IE9..ONLY THE BACKGROUND SHOWS UP..

Comments

Post a Comment

Popular posts from this blog

How to change text Component easybook reloaded newbee - Joomla! Forum - community, help and support

After Effect warning: A problem occurred when processing OpenGL commands

Preconditions Failed. - Joomla! Forum - community, help and support

WEBSITE PAGE NOT SHOWING UP IN IE9..ONLY THE BACKGROUND SHOWS UP..

Comments

Post a Comment

Popular posts from this blog

How to change text Component easybook reloaded *newbee* - Joomla! Forum - community, help and support

After Effect warning: A problem occurred when processing OpenGL commands

Preconditions Failed. - Joomla! Forum - community, help and support

How to change text Component easybook reloaded newbee - Joomla! Forum - community, help and support