Welcome to WebmasterWorld Guest from 54.147.10.72

Forum Moderators: not2easy

Message Too Old, No Replies

images popping out of div problem

     

silverglade1

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

css

div.testimonials
{
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]

4css

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.

silverglade1

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

4css

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.

silverglade1

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