Hi, I changed an outer div height but the contents are overlapping. I think its because the image is taller, but shouldn't it shrink down to fit the parent div??
I used developer tools on chrome to look at the code and inside my outer div, there is class moduletable and class custom...both with heights bigger than the outer div (which I had changed)...I created these modules using an image and text next to it..so not sure what inner workings go on but I can't get it to fit. I 'm sure if I went and edited every image and the text I could do it but there has to be an easier css way...please help
i added an image to show u
Please become a member of OSTraining to reply to this post.
moduletable and custom classes....heights.. 11 months 2 hours ago #49403
In the absence of a specific definition, the div will generally expand to fit the photo. The easiest fix, I think, is to use photos cropped to the correct size.
However if that's not convenient, you can define the photo height or width in the css and the second dimension will adjust.
Another possibility is to control the overflow and the zindex to hide anything bigger than allowed div size. That's a more advanced technique and it depends on your skill level. THere are quite a few techniques, and I'm not sure which ones would be best at this point.