i have made trbuchet the default (not uploaded yet),
i do now have another problem (others are all sorted now)
since i didnt have a doc type i have added this one:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
but by doing so i have caused a few other problems:
In IE the page itself is centered, but my relative divs are in the correct position but off to the left?
in firefox the whole page is aligned left see screens
my code 1st
Code:
*
{
padding: 0;
margin: 0;
}
html, body
{
text-align: center;
background-image: url(imagestest/background.jpg);
background-attachment: fixed;
background-color: #000000;
}
h1, h2, h3, h4, h5, h6
{
color: #872020;
font-family: Trebuchet, Times New Roman, Times, serif;
line-height: 100%;
padding: 20px 0px 8px 0px;
margin:0;
font-size: 20px;
}
#champs
{
position: relative;
left: 850px;
top: 200px;
background-image: url(imagestest/champs.png);
background-repeat: no-repeat;
width: 222px;
height: 170px;
margin: -170px -222px;
clear: both;
float: left;
}
#capn
{
position: relative;
left: 900px;
top: 0px;
background-image: url(imagestest/captain.png);
background-repeat: no-repeat;
width: 160px;
height: 276px;
margin: -276px;
float: left;
clear: both;
}
body {
font-family: Trebuchet, Arial, Verdana, Helvetica, Sans-serif;
font-size: 15px;
color: #000000;
text-align: center;
font-size: 13px;
width: 100%;
}
#container
{
width: 599px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#header
{
background-image: url(imagestest/banner.png);
background-repeat: no-repeat;
width: 599px;
height: 231px;
}
#topmenu
{
background-image: url(imagestest/links.png);
background-repeat: no-repeat;
width: 599px;
height: 100px;
margin: none;
padding: 0;
}
ul#menu
{
margin-left: 70px;
padding-left: 0;
list-style-type: none;
float: left;
width: 500px;
padding: 0;
}
ul#menu li
{
display: inline;
}
ul#menu a
{
display: block;
float: left;
padding: .1em .5em;
text-decoration: none;
}
ul#menu a:link img
{
border-style: none;
}
ul#menu a:visited img
{
border-style: none;
}
#contentbox
{
background-image: url(imagestest/contentbg2.png);
width: 599px;/* was 599px */
height: auto;
margin: 0;
padding: 0;
text-align: left;
}
#page2
{
background-image: url(imagestest/contentbg2.png);
width: auto;/* was 599px */
height: auto;
margin: 0;
padding: 0;
padding-left: 75px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 5px;
}
#news
{
height: auto;
width: auto;
padding-left: 75px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 5px;
}
#sidebar
{
background-image: url(imagestest/postit.png);
background-repeat: no-repeat;
width: 242px;
height: 235px;
position: relative;
left: 70px;
top: 80px;
clear:both;
text-align: right;
margin: -242px -235px;
float: left;
}
ul#sidelinks
{
list-style-type: none;
padding: 3em;
}
ul#sidelinks a
{
text-decoration: none;
color: #000;
}
ul#sidelinks a:link img
{
border-style: none;
}
ul#sidelinks a:visited img
{
border-style: none;
}
#footer
{
margin:0;
}
#images
{
width: 500px;
height: 600px;
padding-left: 0px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 5px;
}
div.thumbnail
{
width: 120px;
float: left;
margin: 10px 50px 0px 0px;
padding: ;
}
div.thumbnail img
{
border-style: none;
border: 1px solid #656464;
}
/* League Table data */
table.helpT
{
text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 500px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;
}
td.helpHed
{
border-bottom: 2px solid #6699CC;
border-left: 1px solid #6699CC;
background-color: #BEC8D1;
text-align: left;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040;
}
td.helpBod
{
border-bottom: 1px solid #9CF;
border-top: 0px;
border-left: 1px solid #9CF;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa;
}
table.sofT
{
text-align: left;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 500px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;
}
/* extra divs */
#extradiv1
{
}
#extradiv2
{
}
#extradiv3
{
}
#extradiv4
{
}
#extradiv5
{
}
www.eggboroughpscc.co.uk/IE.jpg
www.eggboroughpscc.co.uk/fireforx.jpg