Minor Product Info Page adjustment

[dvasdekis]

As you can see on my current product info page, if the length of the test exceeds the size of the image, then the text shifts to the left side.

I'd like it so that the text never shifts, and continues down the page along the same margin as it does at the top of the page when the image is present.

A picture.

Thanks!

[kobra]

In your template stylesheet search for these first and if present and/or ganged with others seperate them out and if not present add them. This should get you what you want but I could only check at one resolution

#productName {
        float: right;
        width: 70%;
        }

#productPrices {
        float: right;
        width: 70%;
        }

#productDescription {
        float:right;
        width: 70%;
        }

#productDetailsList {
        float: right;
        width: 55%;
        }

[dvasdekis]

It looks good at 1024 but any larger and it sticks to the right side of the page, which creates big white gaps between the text and product picture. I had to take the changes off. Sorry.

[dvasdekis]

Anyone else have any ideas?

[dvasdekis]

Anybody? I've had no luck with flinging CSS about, so it looks like it might require a page layout change.

[kobra]

You can try finding seperating and or adding the following and you need to insure that your images are all matted to the same size for the look that you want or it will jump around if not - you currently have one that is 156px wide and another that is 227px wide - pick a width and matt them all the same width and adjust the values as required

#productName {
width: 77%;
float: right;
}
#productPrices {
width: 77%;
float: right;
}
#productDescription {
width: 77%;
float: right;
}
#productDetailsList {
margin-left: 14em;
}

[kobra]

Opps!!

I had already posted this.....

You can fix the site width to say 1000px and avoid the issue

[dvasdekis]

Opps!!

I had already posted this.....

You can fix the site width to say 1000px and avoid the issue

Yeah, unfortunately that's not a long term option because it'll look ridiculous on modern widescreen monitors, and according to my site stats they're taking up an increasing portion of visitors. Thanks anyway.

[kobra]

Fixed width is a common method used so that all see the site as intended...

With some of your shorter descriptions having this stretched from a single to a few lines will also look strange.