Originally Posted by
DivaVocals
You'll need to adjust the width of the content boxes to correct this.. This is a tableless design and with three boxes it presumes that each will only take up a third of the space. You'll notice that I have decimal values. I added those because when I was testing, I was trying to get the entire block of boxes to center, and could only get it to occur when I added the decimal values to the width.. Maybe a CSS gru can point out a better way to do this.. I'll be happy to correct the module and resubmit..
Try this.. Replace lines 1-26 with this:
Code:
/*Centers middleboxes and aligns them in one row*/
#navColumnMiddleWrapper {
margin: auto;
}
#middlebox_1 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:left;
width:33%;
background:#e0d0d0;
}
#middlebox_2 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:left;
width:33%;
background:#c0c0c0;
}
#middlebox_3 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
float:left;
width:33%;
background:#e0d0d0;
}
Bookmarks