Product Image and Description Alignment

[Stenrique]

Hi,

I have set a pink background color for #productDescription in CSS file. When view from the product page, the background color fills the entire center column including behide the product image.

I'd like to seek advices for the following 2 questions:
1. Is there a way to prevent the background color from showing behide the product image through CSS (w/o using HTML Table)?

2. Is there a way to prevent the text description from wrapping (to the left bottom of the product image) when the product description takes up more vertical space than the image height?

TIA.

[knuckle-101]

edit these two lines in css stylesheet replacing the background color ot adding the color code to the background, eitherway is your choice.

<--adjust to your liking or to what you already have-->

.rowOdd {
background-color: #E8E8E8;
min-height: 1.5em;
vertical-align: top;
}

.rowEven {
background-color: #F0F0F0;
min-height: 1.5em;
vertical-align: top;
}

[Stenrique]

Thanks for your reply, however, from the generated codes, the Classes that control the product description are <div id="productDescription" class="productGeneral biggerText">. How would the .rowOdd & .rowEven affect the above-mentioned? Thanks.

[knuckle-101]

Unless I see a different chapter, I read you wanted to change the background within the product listing columns?

If not then what I posted would do you no good.

If you are wanting to add to the description page background only, then some breaking up of the css to its own would be required.