I have a flash movie that positions perfectly in IE 9, Safari, and Firefox but in Chrome it is positioning too high. I was having problems with only IE but it was fixed when I added:
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Now Chrome is quriky.
Also, on a side note. All my links are purple in IE and fine in the other browsers and my rollovers don't work in the Projects links. However the rollovers in IE do work correctly.
This is my first website, so I am going through a huge learning curve. Any help would be appreciated!
html:
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" xml:lang="en" lang="en">
<html>
<head>
<title>San Juan Insulation and Drywall</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styleproject_category.css">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-22287443-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<div style="text-align: center;">
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="main">
<div id="header">
<img src="http://www.v7n.com/forums/images/Header-Logo.jpg" width="231" height="115" alt="">
<img src="http://www.v7n.com/forums/images/Header.jpg" width="527" height="115" alt="">
</div>
<div id="buttons">
<a id="linkHome" href="index.html" title="Home"><span>Home</span></a>
<a id="linkServices" href="#" title="Services"><span>Services</span></a>
<a id="linkProjects" href="#" title="Projects"><span>Projects</span></a>
<a id="linkPress" href="#" title="Press"><span>Press</span></a>
<a id="linkTeam" href="#" title="Team"><span>Team</span></a>
<a id="linkContact" href="#" title="Contact"><span>Contact</span></a>
</div>
<div id="tag-line">
<img src="http://www.v7n.com/forums/images/projects_tag.jpg" width="758" height="48" alt="">
</div>
<div id="content">
<div id="list">
<ul><p style="text-shadow:#000000 -1px 1px 1px; font-size: 16pt;">PROJECTS</p></a>
<ul style="text-indent:-15px ;"><a href="entertainment.html">Entertainment</a></ul>
<ul style="text-indent:-15px ;"><a href="entertainment.html">Education</a></ul>
<ul style="text-indent:-15px ;"><a href="entertainment.html">Government</a></ul>
<ul style="text-indent:-15px ;"><a href="entertainment.html">Health Care</a></ul>
<ul style="text-indent:-15px ;"><a href="entertainment.html">Community Projects</a></ul>
<ul style="text-indent:-15px ;"><a href="entertainment.html">Residential</a></ul>
</div>
<div id="list2">
<a href="/" class="cat">DURANGO MOUNTAIN RESORT</a>
<ul style="text-indent:-15px ;"><a href="entertainment.html"</a></ul>
<a href="/" class="cat">FRANS KLAMMER BUILDING</a>
<ul style="text-indent:-15px ;"><a href="entertainment.html"</a></ul>
<a href="/" class="cat">GLACIER CLUB</a>
<ul style="text-indent:-15px ;"><a href="entertainment.html"</a></ul>
<a href="/" class="cat">SKY UTE CASINO</a>
<ul style="text-indent:-15px ;"><a href="entertainment.html"</a></ul>
<a href="/" class="cat">SOUTHERN UTE CASINO</a>
<ul style="text-indent:-15px ;"><a href="entertainment.html"</a></ul>
<a href="/" class="cat">SPRINGS HOTEL</a>
<ul style="text-indent:-15px ;"><a href="entertainment.html"</a></ul>
</div>
<div id="list3">
<a href="/" class="cat">SUNRAY CASINO</a>
<ul style="text-indent:-15px ;"><a href="entertainment.html"</a></ul>
<a href="/" class="cat">THE LODGE IN TELLURIDE</a>
<ul style="text-indent:-15px ;"><a href="entertainment.html"</a></ul>
<a href="/" class="cat">TELLURIDE CLUB PROJECT</a>
<ul style="text-indent:-15px ;"><a href="entertainment.html"</a></ul>
<a href="/" class="cat">TOWAOC HOTEL AND CASINO</a>
<ul style="text-indent:-15px ;"><a href="entertainment.html"</a></ul>
<a href="/" class="cat">UTE MT. BINGO AND CONFERENCE CENTER</a>
<ul style="text-indent:-15px ;"><a href="entertainment.html"</a></ul>
<a href="/" class="cat">VIEW HOTEL</a>
<ul style="text-indent:-15px ;"><a href="entertainment.html"</a></ul>
</div>
<div id="flash">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="498" height="260" id="projectshome_slideshow.swf" align="center">
<param name=movie value="http://www.v7n.com/forums/images/projectshome_slideshow.swf">
<param name="wmode" value="opaque">
<param name=quality value=high> <param name=bgcolor value=#333399>
<embed src="http://www.v7n.com/forums/images/projectshome_slideshow.swf"
quality=high bgcolor=#333399 width="498" height="260" name="projectshome_slideshow.swf"
align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> </OBJECT>
</div>
</div>
<div id="bottom">
<img src="http://www.v7n.com/forums/images/bottom_blank.jpg" width="759" height="198" alt="">
</div>
</div>
</body>
</html>
CSS:
Code:
body {
background: url(images/Blueprint_Background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
img {
margin: -2px ;
}
#content {
background-image: url("http://www.v7n.com/forums/images/orange-box.png") ;
background-position:center;
margin-top:1px;
margin-left:-1px;
width: 758px ;
height: 363px ;
left: -5px ;
}
#flash {
position: relative ;
top: 20px;
left: 66px;
}
#main{
background: white;
margin-top: 50px ;
width: 756px ;
margin-left: auto;
margin-right: auto;
box-shadow: 3px 5px 10px #000 ;
border: 1px black ;
overflow: hidden;
}
#linkHome {
display: inline-block;
width: 123px;
height: 34px;
background: url("http://www.v7n.com/forums/images/home.png") no-repeat 0 0;
}
#linkHome:hover{
background-position: 0 -34px;
}
#linkHome span{
position: absolute;
top: -999em;
}
#linkServices {
display: inline-block;
width: 123px;
height: 34px;
background: url("http://www.v7n.com/forums/images/services.png") no-repeat 0 0;
}
#linkServices:hover{
background-position: 0 -34px;
}
#linkServices span{
position: absolute;
top: -999em;
}
#linkProjects {
display: inline-block;
width: 123px;
height: 34px;
background: url("http://www.v7n.com/forums/images/projects.png") no-repeat 0 0;
}
#linkProjects:hover{
background-position: 0 -34px;
}
#linkProjects span{
position: absolute;
top: -999em;
}
#linkPress {
display: inline-block;
width: 123px;
height: 34px;
background: url("http://www.v7n.com/forums/images/press.png") no-repeat 0 0;
}
#linkPress:hover{
background-position: 0 -34px;
}
#linkPress span{
position: absolute;
top: -999em;
}
#linkTeam {
display: inline-block;
width: 122px;
height: 34px;
background: url("http://www.v7n.com/forums/images/team.png") no-repeat 0 0;
}
#linkTeam:hover{
background-position: 0 -34px;
}
#linkTeam span{
position: absolute;
top: -999em;
}
#linkContact {
display: inline-block;
width: 122px;
height: 34px;
background: url("http://www.v7n.com/forums/images/contact.png") no-repeat 0 0;
}
#linkContact:hover{
background-position: 0 -34px;
}
#linkContact span{
position: absolute;
top: -999em;
}