After spending hours coding a page from scratch, I'm struggling to get three divs to align next to each other with a 13px margin between them. The last two float correctly, but the first one is causing problems. Any suggestions would be greatly appreciated.
You can view the page and see the three white divs with blue hyperlink titles at the bottom here:
Here is my CSS code:
.box1 {
width:285px;
height:141px;
float:-left;
background-image:url('/resource/uploads_scope/issues/images/at_A_glance_bottomBox.png');
}
.box2 {
width:285px;
height:141px;
float:right;
margin-left:13px;
background-image:url('/resource/uploads_scope/issues/images/at_A_glance_bottomBox.png');
}
.box3 {
width:285px;
height:141px;
float:right;
margin-left:13px;
background-image:url('/resource/uploads_scope/issues/images/at_A_glance_bottomBox.png');
}
Your assistance is highly appreciated :-)