Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

images popping out of div problem



12:02 pm on Jan 21, 2009 (gmt 0)

5+ Year Member

hi, i have a container div holding other divs that hold images. also, i have a centered header text in the container div. the header doesnt stay centered, and my images pop out of the container div this is only in internet explorer 6. i put my elements in an iefix.css file so its not the inline problem in ie6. any help GREATLY appreciated. here are the link and the code. thanks .derek


margin: 2px;
/*border: 1px solid #0000ff;*/
height: 122px;
width: 82px;
float: left;
text-align: center;


#testimonial_block {
float: left;
width: 260px;
height: 300px;
margin-top: 80px;
margin-left: 80px;


#right_block {
float: right;
width: 275px;
height: 300px;
margin-right: 70px;
margin-top: 80px;
overflow: scroll;

#testimonial_header {
margin: 0 auto 0 auto;
width: 200px;
height: 30px;
text-align: center;
padding-top: 10px;

html code for that section

<div id= "testimonial_block">
<div class="style1" id="testimonial_header">Testimonials</div>
<div class ="testimonials"><img src="testimonials/images/t1.gif" width="79" height="116" border="0" /> </div>
<div class ="testimonials"><img src="testimonials/images/t2.gif" width="81" height="120" border="0" /> </div>
<div class ="testimonials"><img src="testimonials/images/t3.gif" width="78" height="116" border="0" /> </div>
<div class ="testimonials"><img src="testimonials/images/t4.gif" width="79" height="115" border="0" /></div>
<div class ="testimonials"><img src="testimonials/images/t5.gif" width="78" height="119" border="0" /></div>
<div class ="testimonials"><img src="testimonials/images/t6.gif" width="78" height="120" border="0" /></div>

</div> <!-- end testimonial block-->

[edited by: silverglade1 at 12:27 pm (utc) on Jan. 21, 2009]


12:26 pm on Jan 21, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

Hi silverglade1

Welcome to WebmasterWorld!

Please read the Forum Charter [webmasterworld.com]. It will describe how to post in here. Posting of url's isn't permitted, so if you can remove your url to your site, please try to snip it out, if not a mod will come along and do this for you. :)

In regards to your floats, have you tried to add a clearing to them? clear: both;

In regards to the header, it appears to be centered, I didn't see any problems with that.

Make sure that your page validates. I ran your page through the validator and there are some problems with it so you might wish to do this and post here for help.


12:52 pm on Jan 21, 2009 (gmt 0)

5+ Year Member

sorry, i took off the link. also, i found a fix for the popping out images. i added "overflow:hidden" to the div.testimonials. but my "testimonials" header is still not centering in ie6. any more help greatly appreciated, ive been trying to fix this page for 2 days. LOL! thank you. derek


1:46 pm on Jan 21, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

Have you run the page through the (x)html validator? [validator.w3.org] as well as the CSS Validator? [jigsaw.w3.org]

I had run your css and found some errors, these errors could be causing your problems.

run the validator, fix what you know how to fix, and then post what you don't understand here and someone will help you out! :)

btw, thanks for removing your link.


1:56 pm on Jan 21, 2009 (gmt 0)

5+ Year Member

nevermind, i fixed the header with margin: auto. thank you for the help before. derek

Featured Threads

Hot Threads This Week

Hot Threads This Month