Hello all and may I say thank you in advance for anyone that could possibly
throw any help my way.
I am fairly new to working with CSS and I have created a one page website using css http://www.centreroom.co.uk and although it looks ok when
I view it in safari, firefox and chrome IE throws the alignment out of place.
Any help would be greatly appreciated!
Please see paste of my CSS Below:
`@charset “UTF-8”;
/*
CSS for Centre Room */
body {
background-color:#666;
}
#backgroundblue {
width:900px;
height:600px;
background-color:#2A9EC3;
}
#topbar {
background-image:url(images/topborder.png);
width:900px;
height:159px;
}
#bottombar {
background-image:url(images/bottomborder.png);
width:900px;
height:108px;
}
#topbar, #bottombar, #backgroundblue{
position:absolute;
}
#backgroundblue{
top:40px;
left:100px;
}
#topbar{
top:0px;
left:0px;
}
#bottombar{
top:600px;
left:0px;
}
#imagelinks {
position:absolute;
top:305px;
left:150px;
width:823px;
}
#logolinks {
position:absolute;
top:524px;
left:150px;
width:823px;
}
.imagelinkbuttons{
display:inline;
list-style:none;
text-align:left;
}
#crlogo{
background-image:url(images/crglogo.png);
position:absolute;
top:67px;
left:150px;
width:205px;
height:210px;
}
#isologo{
position:absolute;
top:99px;
left:904px;
width:54px;
height:54px;
}
#copyright{
color: #FFF;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 20px;
text-align: center;
} /* Needed to center layout in old IE browsers. */
/* “auto” makes the left and right margins center the wrapper */
#wrap {
width: 900px;
margin: 0 auto;
}`
