Hey guys, first post here
I'm having a little trouble figuring this out. I'm making a website designed out of div boxes. There is one central column (900px in width) internally split with other div classes. Anyway, I need to place a 10px box that automatically adjusts to the height of the central column (and is 10px in width) on BOTH the left and right sides of the central column. Here I'll place an image (it's like that shadow that is seen on many websites to give it some depth).
I'm having a hard time figuring out how to place those boxes. I understand how to do this with tables, but surely it's possible with CSS too? If anyone can help me out I'd be very happy.
Here is a copy of some of my code:
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/*background-color:#F3F3F3;*/
background-image: url(images/background_image.jpg);
background-repeat: repeat-x;
}
#maincol {
margin: 0px auto;
padding: 0px 0px 0px 0px;
width: 900px;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
background-color:#ffffff;
}
There are other ID boxes that are inside of the maincol ID. I'll post them if necessary. Thanks so much!
I'm having a little trouble figuring this out. I'm making a website designed out of div boxes. There is one central column (900px in width) internally split with other div classes. Anyway, I need to place a 10px box that automatically adjusts to the height of the central column (and is 10px in width) on BOTH the left and right sides of the central column. Here I'll place an image (it's like that shadow that is seen on many websites to give it some depth).
I'm having a hard time figuring out how to place those boxes. I understand how to do this with tables, but surely it's possible with CSS too? If anyone can help me out I'd be very happy.
Here is a copy of some of my code:
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/*background-color:#F3F3F3;*/
background-image: url(images/background_image.jpg);
background-repeat: repeat-x;
}
#maincol {
margin: 0px auto;
padding: 0px 0px 0px 0px;
width: 900px;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
background-color:#ffffff;
}
There are other ID boxes that are inside of the maincol ID. I'll post them if necessary. Thanks so much!