This should hopfully be an easy one??!!!
What am I missing to make sure the div's under the image line up centrally in FF as they do in IE?
http://www.homeandgardenbarn.co.uk/hgb/a_apexroof.html
And does someone have a good link to a site where I can find out more about how you set your page you so that it can be printed out as it is on the screen? media="screen". and finally, any recommendations for a good book on
CSS which is easy to read and clear in instructions?
Thanks
- Code: Select all
/* CSS Document */
body{
background-color: #ffffff;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top: 0px;
}
#container{
width: 760px;
border: solid black 0px;
position: relative;
left: 50%;
margin-left: -380px;
background-image:url(images/backstrip.gif);
background-repeat:repeat-y;
}
#topheader{
width: 760px;
height: 88px;
}
#rightcolumnright{
width: 34px;
height: 480px;
background-color:#FFFFFF;
float:right;
}
#middlecolumn{
width: 252px;
height: 505px;
background-color:#FFFF66;
background-image:url(images/yellowstrip.jpg);
background-repeat:repeat-y;
float:right;
}
#firstcolumn{
width: 467px;
height: 480px;
background-color:#FFFFFF;
float:left;
}
#bottomlinks{
font-size:10px;
width: 760px;
height: 20px;
background-color:#405B76;
color:#FFFFFF;
text-align:center; clear:both;
}
a.bottomlinks{
text-decoration:none;
color:#FFFFFF;
}
a.bottomlinks:hover{
color:#FFFFFF;
text-decoration:underline;
}
#imagerowright1{
width: 390px;
height: 150px;
float:right;
background-color:#FFFFFF;
padding-top: 20px;
padding-right:30px;
text-align:center;
}
#pricebox{
width: 300px;
height: 25px;
padding-top:10px;
padding-left: 0px;
margin-left: 0px;
background-color:#DCE1E7;
text-align:center;
}
#striptext{
width: 210px;
font-size:12px;
padding-left: 20px;
text-align:justify;
}
h1{
font-size:12px;
font-weight:bold;
color:#405B76;
}
li{
list-style-type:square;
}
/*form*/
div.row {
clear: both;
padding-top: 2px;
}
div.row span.label {
float: left;
width: 150px;
text-align: left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
color:#000000;
}
div.row span.formw {
float: left;
width: 210px;
text-align: left;
margin-left: 15px;
}
submit{
margin-left: 50px;
}
#form{
width: 400px;
padding-top: 5px;
padding-left: 50px; float:left;
}
.email a:link {
color: #405B76;
text-decoration: none;
}
.email a:active {
color: #405B76;
text-decoration: none;
}
.email a:hover {
color: #405B76;
text-decoration: underline;
}
a.productlinks{
text-decoration:none;
color:#000000;
}
a.productlinks:hover{
color:#000000;
text-decoration:underline;
}
#return{
color:#999999;
}
a.return{
color:#999999;
text-decoration:none;
}
a.return:hover{
color:#999999;
text-decoration:underline;
}
.titleprice{
font-weight:bold;
}
.price{
color:#405B76;
font-weight:bold;
}
#listposition{
width: 250px;
margin-top: 20px;
}
.contactus{
color:#3F597A;
}
a.contactus{
color:#3F597A;
text-decoration:none;
}
a.contactus:hover{
color:#3F597A;
text-decoration:underline;
}
Lining Up
Mar 8th, 2006, 08:32
Similar Threads
