homepage Welcome to WebmasterWorld Guest from 54.242.231.109
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
images popping out of div problem
silverglade1




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

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




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

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




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

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




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

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




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

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved