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

This is completely controlled by the CSS.

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.

Here's one reference I found to a similar question, it might give you some ideas.
stackoverflow.com/questions/5485341/css-...-on-image-size-above

I'll also ask Tessa if she has some insight. She's better at CSS than I am.

Cheers,
Ed

yes I think I tried to edit the img height and it didn't change..unless I was using the wrong selector...I even did the copy css path and it still didn't change teh height of the img..

Is this site on the web where we can see it? Can you give us a link?

Thanks,
Ed

no its not live yet, just on localhost

Hi Carin,

Unless you can put up a test site where we can look at it, all I can do is point you to the Firebug tutorials so you can analyze the problem and track it down.

www.ostraining.com/courses/session/jooml...introducing-firebug/
www.ostraining.com/courses/session/jooml...diting-with-firebug/

There just isn't any other way for us to visualize your problem and point you in the right direction.

Ed

thanks

You're welcome, carinlynchin! We're glad we could be of help! :)

Kind regards,
Nick