Forum Moderators: not2easy
Is there anyway to have the UL push the footer and any other consequential content down (or up) as the browser window size changes?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
The CSS - >
.holder {
width:75%;
margin:0px auto;
background-image:url(../../images/thumbnails-bg.png);
background-position:top;
background-repeat:repeat-x;
}
.thumbnailul {
padding:10px auto;
}
.thumb-small {
width:160px;
height:160px;
display:block;
float:left;
background-repeat:no-repeat;
background-position:center;
}
The HTML ->
<div class="holder">
<ul class="thumbnailul">
<li class="thumb-small thumb1"><a href="pictures/1.jpg" rel="lightbox[group]"></a></li>
<li class="thumb-small thumb2"><a href="pictures/2.jpg" rel="lightbox[group]"></a></li>
<li class="thumb-small thumb3"><a href="pictures/3.jpg" rel="lightbox[group]"></a></li>
<li class="thumb-small thumb4"><a href="pictures/4.jpg" rel="lightbox[group]"></a></li>
<li class="thumb-small thumb5"><a href="pictures/5.jpg" rel="lightbox[group]"></a></li>
<li class="thumb-small thumb6"><a href="pictures/6.jpg" rel="lightbox[group]"></a></li>
</ul>
</div>
<div class="footer">Content</div>
Thank you for any help :)
Try this in your styles
position:relative;
This markup forces content to fall below other content no matter how large the above content gets.
geoffb
you are very welcome, can I just say that you were right to use this site for your questions, there are some REAL experts on here, and I mean EXPERTS!
I am no such expert, infact nowhere near, but I am glad I was able to help you out.
Cheers Geoff
overflow: auto;Hope that helps.
