Could I get some advice on how preventing elements stretching outside the div?

HTML & CSS
1

http://cdiwwwtest.cdicorp.com/engineering
as I strecht and enlarge the browser the component comes out of the div.
tried setting height, max-height…
Any advice please?
thx
D

2

The same thing happens if the browser window is narrowed considerably.

These two fixed heights are preventing their containers from extending with the contents:


engST.css (line 62)
#testimonials {
    height: 600px;
}

engST.css (line 67)
.carousel {
    height:600px;
}

I suggest that you delete them.

You can put a little space beneath the button by adding:


.readMore {
    padding-bottom:20px;  /* as desired */
}

The vertical margins on some of these objects are defined in percent. Not a good choice. Although it’s a vertical margin, a percent value is interpreted as a percent of the width, not the height. I recommend changing them to pixel values.

3

thank you Ronpat that helped quite a bit.
Thanks also for the advice on the percentage. was not aware of that. will look into changing them.
d

4

You’re quite welcome. You know where to find us. :slight_smile:

5

I am a frequent flyer here :slight_smile: