Jump to content
Sign in to follow this  
agood1

Audio Files Overlapping Header In Chrome

Recommended Posts

I've been working on my uncle's website all summer, redesigning it. He hasn't changed the layout since 1996, so it was very much needed. Everything is working perfectly fine in Safari and Firefox, but when I view it in Google Chrome, the audio files on two of the pages do something weird. Instead of going underneath the header and footer while scrolling, the play bars are going overtop of them. The mock-up I've been working on is linked below, and I've pasted my CSS as well. Thanks in advance for your help! http://webpub.allegheny.edu/student/G/gooda/sobolov/demos.html (There is no doubt some superfluous coding in the CSS. If you notice it, please let me know. I only just got into CSS this spring.)

body{ background-color:black;background-image:url('bg.png');background-repeat:repeat-y;}div#headerwrap{ position:fixed;top:0;left:0;height:160px;}body>div#headerwrap{ position:fixed;}div#header{ height:160px;width:1024px;margin:0 auto;}div#middlewrap{ padding-top:150px;padding-bottom:75px;padding-left:75px;width:810px;height:auto;}body>div#middlewrap{ margin-left:0;}div#middle{ width:815px;margin:0 auto;}div#images{ left:0px;top:0px;border-style:none;border-width:0px;}body>div#footerwrap{ position:fixed;bottom:0px;left:0px;padding:0px;}div#footerwrap{ margin:0;position:fixed;padding:0px;bottom:0;left:0;height:75px;width:1024px;}p{ font-family:"Trebuchet MS", Helvetica, sans-serif;font-size:medium;text-align:center;}h4{ color:red;font-family:"Trebuchet MS", Helvetica, sans-serif;text-align:center;}h3{ text-align:center;}blockquote{ font-family:"Trebuchet MS", Helvetica, sans-serif;text-align:center;color:red;}a:link{ font-family:"Trebuchet MS", Helvetica, sans-serif;color:#FF0000;text-decoration:underline;}a:visited{ font-family:"Trebuchet MS", Helvetica, sans-serif;color:#FF0000;}a:hover{ font-family:"Trebuchet MS", Helvetica, sans-serif;color:#FF0000;}a:active{ font-family:"Trebuchet MS", Helvetica, sans-serif;color:#FF0000;}

  • Like 2

Share this post


Link to post
Share on other sites

you might want to consider validating your HTML. The extension I have for Chrome shows a number of markup errors, with non-present closing tags being a majority of them. See if that helps at all.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...