...

View Full Version : content not moving below on some...



eberdome
02-20-2011, 02:32 AM
Hello,

At the url below you will see "READ MORE" links after some text. When you click on the ones with the text-aligning right, the content below moves down, but if you click on one where the text is aligning left, the content below doesn't move, why is this? My code is the same for each different class.

Link: http://experiencemediaonline.gorillaonemedia.com/services/

Thanks!!

Excavator
02-20-2011, 02:54 AM
Hello eberdome,
Try making that parent ul expand to contain it's floated li's with overflow: auto;
...like this -

ul.expander {
display:block;
/*height:auto;*/
overflow: auto;
list-style-type:none;
padding:0;
padding-bottom:35px;
margin:0; border:0;
border-bottom:1px solid #B7B7B7;
width:711px;
}

And shouldn't #services be allowed to do the same? Like this -

div#services {
width:711px;
/*height:435px;*/
overflow:hidden;
position:relative;
}

OR


div#services {
width:711px;
height:435px;
overflow-y: scroll;
overflow-x: hidden;
position:relative;
}

eberdome
02-20-2011, 04:12 AM
Thanks, that worked perfectly. I actually am keeping the div will an overflow of hidden, the menu on the side will navigate to each section. Thanks again!!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum