I have designed a site found at http://www.pickupnewspapers.co.uk/no...ire/index.html but I cant get the footer to sit stil on the page. It is because of the javascript ticker, everytime the ticker types the footer jumps up and down. Also the ticker does not work in firefox but does in IE7 (cant test in any others as dont have a computer with it on) . I am quite amateur to html and no nothing about javascript. I am aware there are validation errors but these are nearly all to do with javascript so mean nothing to me, the others are missing alt tags on images which I cant see being a problem to the footer. My css follows as I dont know how to upload this
Expand|Select|Wrap|Line Numbers
- html {
- list-style: none;
- }
- ul, li {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- body {
- font: 10px tahoma, arial, sans-serif;
- color: #000000;
- margin:0;
- padding:0;
- text-align:center;
- }
- #wrapper {
- width: 770px;
- text-align: left;
- margin: 0 auto;
- margin-top:10px;
- }
- #clear
- {clear:both; height:20px;}
- #content {height:100%;
- text-align:left;
- margin:0 auto;
- width:770px;
- }
- #footer {
- color: #FFFFFF;
- text-align:center;
- background: #587A9B;
- border-style:solid;
- border-width:1px;
- border-color:#000000;
- font-weight: bold;
- width: 770px;
- display: block;
- height: 20px;
- margin: 0 auto;
- padding:0 auto;
- clear:both;
- }
- a:link {
- font-weight: bold;
- text-decoration: none;
- color: black;
- }
- a:visited {
- font-weight: bold;
- text-decoration: none;
- color: #000000;}
- a:hover {
- text-decoration: underline;
- }
- form {
- font: 10px tahoma, arial, sans-serif;
- margin: 0;
- padding: 0;
- color: #000000;
- }
- h1.sub_link {
- color:#FF0000;
- font-size:20px;
- font:trebuchet MS, sans-serif;
- }
- h2 {
- font:11px tahoma, arial, sans-serif;
- color:#000066;
- font-weight:bold;
- margin:2px 0px 2px 0px;
- }
- h2.band {
- font:15px verdana, arial, sans-serif;
- border:none;
- font-variant:small-caps;
- font-weight:bolder;
- color: #FF0000;
- }
- h2.info {
- font:13px Trebuchet MS, sans-serif;
- border:none;
- font-weight:bolder;
- color:#000000;
- }
- h3 {
- font:15px tahoma, arial, sans-serif;
- color:#000066;
- font-weight:bold;
- margin:0px;
- padding:0px;
- }
- h1.style1 {
- font:410% "Times New Roman", Times, serif;
- color:#000000;
- font-weight:bold;
- margin:0;
- padding-bottom:5px;
- text-align:center;
- }
- h1.style2 {
- font:200% "Times New Roman", Times, serif;
- font-variant:small-caps;
- color:#000000;
- font-weight:bold;
- margin:0px;
- }
- #header {
- height: 75px;
- background-image:url(images/header_bg.gif);
- background-repeat:no-repeat;
- background-position:right;
- width:770px;
- border-width: 1px;
- border-color: #587A9D;
- border-style: solid;
- }
- #logo {width:165px;
- float:left;
- height:67px;
- margin:0px;
- padding-top:3px;
- }
- #media_player {width:260px;
- height:67px;
- float:left;
- margin-top:1px;
- padding-left:5px;
- padding-top:3px;
- margin-left:5px;
- margin-right:3px;
- border-width: 1px;
- border-color: #587A9D;
- border-style: solid;
- }
- #deadline {width:325px;
- float:left;
- padding-left:1px;
- padding-top:3px;
- height:67px;
- margin-top:1px;
- border-width: 1px;
- border-color: #587A9D;
- border-style: solid;
- }
- a.quick {font-size:11px;
- font-family:Arial;
- font-weight:bold;}
- a.quick:hover {font-size:11px;
- font-family:Arial;
- font-weight:bold;
- color:#CC0000;}
- a.quick:visited {font-size:11px;
- font-family:Arial;
- font-weight:bold;
- color:#FFF;}
- a.links2 {color:#FF0000;
- text-decoration:underline;
- }
- a.media {color:#000000;
- text-decoration:none;
- }
- a.prices {color:
- #0000CC;
- text-decoration:none;
- }
- a.prices:hover {color:#FF0000;
- text-decoration:none;
- }
- a.months:link {color:#000000;
- text-decoration:none;
- }
- a.months:hover {color:#CC0000;
- }
- a.months:visited {color:#000000;
- }
- a.months:hover {color:#CC0000;
- }
- .img_link {
- border-style: none;
- margin:0px;
- padding:0px;
- }
- #footer p {
- margin: 0;
- padding: 0;
- }
- #quick_links {
- height: 140px;
- width: 156px;
- padding:5px 0px 5px 5px;
- }
- #left_bar {background-image:url(images/quick.png);
- background-repeat:no-repeat;
- height: 496px;
- width: 160px;
- float:left;
- }
- #quick
- {padding:5px 0px 0px 20px;
- list-style:url(images/arrow.gif);
- margin:0;
- }
- #quick li
- {
- margin-top:.2em;
- }
- #main li
- {float:left;
- margin: 0 0 0 5px;
- }
- #months li
- {float:left;
- margin: 3px 0 0 8px;
- }
- #bottom_links {
- float:left;
- padding-left:5px;
- }
- #survey {float:left;
- padding:5px;
- }
- #weather {float:left;
- padding-left:2px;
- }
- #subscribe {float:left;
- padding-left:4px;
- }
- #html_marquee {background-color:ffffff;
- color:#000066;
- border-width:1;
- border-style:solid;
- border-color:red;
- font-size:22pt;
- float:right;
- margin:0px;
- width:620px;
- }
- .indentmenu{
- font: bold 9px Arial;
- background-position:center;
- width: 772px;
- /*leave this value as is in most cases*/
- }
- .indentmenu ul{
- margin: 0;
- padding: 0;
- float: left;
- width: 100%; /*width of menu*/
- border: 1px solid #564c66; /*dark purple border*/
- border-width: 1px 0px;
- background: black url(images/indentbg.gif) center center repeat-x;
- }
- .indentmenu ul li{
- display: inline;
- padding-left:1px;
- }
- .indentmenu ul li a{
- float: left;
- color: white; /*text color*/
- padding: 5px 12px;
- text-decoration: none;
- border-right: 1px solid #564c66; /*dark purple divider between menu items*/
- }
- .indentmenu ul li a:visited{
- color: white;
- }
- .indentmenu ul li a:hover, .indentmenu ul li .current{
- color: white !important; /*text color of selected and active item*/
- padding-top: 6px; /*shift text down 1px for selected and active item*/
- padding-bottom: 4px; /*shift text down 1px for selected and active item*/
- background: black url(images/indentbg2.gif) center center repeat-x;
- }
- #news {
- float:right;
- width:600px;
- height:489px;
- margin-left:10px;
- }
- #news1 {width:580px;
- float:left;
- }
- #n1_image {width:30%;
- float:left;
- }
- #n1_text {width:65%;
- float:left;
- padding-left:10px;
- padding-bottom:10px;
- text-align:justify;
- }
- #news2 {width:394px;
- height:100px;
- margin-top:20px;
- padding-left:10px;
- float:left;
- }
- #n2_image {width:30%;
- float:left;
- padding-left:10px;
- }
- #n2_text {width:64%;
- float:left;
- padding-right:5px;
- text-align:justify;
- }
- #news3 {width:580px;
- height:150px;
- margin-top:30px;
- float:left;
- }
- #n3_image {width:35%;
- float:right;
- padding-left:18px;
- }
- #n3_text {width:60%;
- float:left;
- text-align:justify;
- }
- #about_us {float:left;
- width:600px;
- height:489px;
- margin-left:10px;
- background-image:url(images/group.jpg);
- background-repeat:no-repeat;
- background-position:bottom;
- }
- #contacts {float:left;
- width:600px;
- height:489px;
- margin-left:10px;
- background-image:url(images/map.jpg);
- background-repeat:no-repeat;
- background-position:bottom;
- }
- table.contacts { empty-cells:show;
- }
- TD.contacts {
- font-size:9pt;
- color:black;
- font-family: Trebuchet MS;
- font-weight:bold;
- }
- #deadlines {float:left;
- width:600px;
- height:489px;
- margin-left:10px;
- background-image:url(images/clock.jpg);
- background-repeat:no-repeat;
- background-position:bottom;
- }
- #deadline_bar {background-image:url(images/gradient_bar.gif);
- width:541px;
- height:20px;
- }
- #deadline_bar2 {background-image:url(images/gradient_bar2.gif);
- width:541px;
- height:40px;
- }
- h3.deadlines {padding-left:5px;}
- #deadline_text {width:520px;
- height:50px;
- padding:10px;
- }
- #distribution {float:left;
- width:550px;
- height:489px;
- margin-left:10px;
- }
- #distribution_text {height:125px;
- width:520px;
- padding:10px;}
- #locations {width:550px;
- height:500px;
- float:left;
- padding:10px;}
- #tabs {width:166px;
- margin-top:15px;
- float:left;
- }
- #tabs_bg {width:166px;
- height:400px;
- float:left;
- background-image:url(images/tabs.gif);
- }
- #pricing{float:left;
- width:600px;
- height:489px;
- margin-left:10px;
- }
- #page_layouts {float:left;
- width:531px;
- height:400px;
- margin-left:10px;
- }
- #example {float:left;
- width:200px;}
- #layouts {float:left;
- width:280px;
- padding-left:50px;}
- #navigation {padding-left:20px;}
- #navigation a {
- color: #000;
- background: url(images/left-tab.gif) left top no-repeat;
- text-decoration: none;
- padding-left: 10px;
- height:20px;
- }
- #navigation a span
- {
- background: url(images/right-tab.gif) right top no-repeat;
- padding-right: 10px;
- height:20px;
- }
- #navigation a, #navigation a span
- {
- display: block;
- float: left
- }
- /* Hide from IE5-Mac \*/
- #navigation a, #navigation a span
- {
- float: none
- }
- /* End hide */
- #navigation a:hover
- {
- color: #fff;
- background: #6098B6 url(images/left-tab-hover.gif) left top no-repeat;
- padding-left: 10px
- }
- #navigation a:hover span
- {
- background: url(images/right-tab-hover.gif) right top no-repeat;
- padding-right: 10px
- }
- #navigation ul
- {
- list-style: none;
- padding: 0;
- margin: 0
- }
- #navigation li
- {
- float: left;
- margin: 0;
- }
- #map {width:340px;
- height:342px;
- background-image:url(images/local_map.jpg);
- background-repeat:no-repeat;
- float:right;
- margin-left:25px;
- margin-top:35px;}
- #myTicker {float:left;}
- table.pricing {
- font-size:9pt;
- color:black;
- font-family: Trebuchet MS;
- font-weight:bold;
- text-align:center;
- }
- td.pricing {
- cellpadding:2px;
- }
- #ticker {
- width:750px;
- height:30px;
- float:left;
- }