This may also have to do with my previous post on images aligning to the left, or perhaps it's unrelated, but it's something that's not only driving me crazy but my members as well. Whenever someone quotes someone the quote box will not hold the entire post and you have to scroll. Here's an example:

http://forum.canadianparents.ca/ubbthrea...ge=0#Post597616

It looks like the width property isn't set on the ubbcode-body property. And after checking, that's it:

.ubbcode-block {
width: 210px;
margin: 5px 2em;
background: #FFF;
border: 1px solid #AAAA11;
padding: 0px;
border-spacing: 0px;
}
.ubbcode-header {
display: block;
font-weight: bold;
padding: 4px;
border-bottom: 1px solid #AAAA11;

}
.ubbcode-body {
width: 500px;
margin: 4px;
overflow: auto;
font-size: 10pt;
display: block;
}

ubbcode-block is set to 210, but ubbcode-body is set to 500, so it's wider than the actual code block.

where do you edit this CSS?

CP > Styles


Try changing the width from a fixed amount to a percentage in the styles above.

thanks. I got it fixed but the more quotes I put I still get the problem of not being able to read it unless you scroll. Is there a way to make the boxes just drop down straight?

yes

change the margins and have a small width change on the block.





4 levels deep

ignore my color selections, but take margin, padding, width stuff

thanks that looks sick