Stick the text and the images inside one Main layout div with a width of your choice in pixels (something suitable for min res) then put the text within a div but still inside the main layout div. Set a width for this as the total width of the main div minus the width of the image and float this left. Then finally put the image within a div (within the main layout div again) set the width and float this left too.
The above idea sadly does not work - The problem is somehow created by the use of fragments in IE only.
I've restricted the width of the text to 250px and the image still goes out wide.
I've used tabled fragment layouts with the same result.
I've now taken the fragments out of the home page - page now displays fine - page only gas New products on it, but all other pages based on fragments are still too wide.
Under Fragments - changed Brochure Fragment list layout to "Bare Brochure Fragment list" from "Standard Brochure Fragment list" .
It looks ragged but at least it is now contained in the width of the page.
To contain the products i removed the table width - why is there no css layout for product lists?
Product list with horizontal dividers, is enclosed in a table which is set to the actinic variable product width, by simply removing the table width, the table fits itself.
Comment