Hi,
Is there any possible solution for the below scenario.
wrapper div 960px ie., (fixed width)
table inside wrapper 1500px (or of any greater width than the wrapper div)
In the above scenario, even if I pasted the content, (images, text etc.,) the width of the table must not get expanded to 1500 px but must be within the wrapper div, so that the layout stays perfect…
Even solution for controlling div inside div, table inside table wrt the above issue is appreciated.
It’s unclear the exact dynamics of what you want and as Stephen suggests above the alternatives are either to hide the overflow or to add a scrollbar to the div so the table can scroll.
You can set a width on the table and use table-layout fixed but that will cause overlapping of the content.
Overflow:hidden wont help me as it doesnt show the full image in case if the user pasted some high resolution image.
Overflow:scroll - will resemble as if the content is pasted inside an iframe.
Any other solutions,even if the high resolution images appears shrinked its fine for now- but all (images, content) must fit inside the outer div width.
This is acutally going to get implemented in simple cms, where the client could update the images and text by using fck editor. Thanks for your 3 methods paul. Will try to implement your solution in the projects and let you know in case of any issues.