No replies
wout
Offline
newbie
Last seen: 11 years 35 weeks ago
Joined: 2004-11-23
Posts: 2
Points: 0

I made a page with a slideshow (or picture) on the right and some text on the left. I placed both in the same div-environment but my border stops when the text stops, while the picture flows over the border.
How can I make sure my left and right border goes till the lowest point of the page, depending on the height of the text or picture?
Can someone help me with this problem?

My html code

<div id="content">
 <div id="slides">
  <div class="slides">
   <img src="images/tine7kl.jpg" name="slideshow">
  </div>
 </div>
Here comes my text</div>

My css codes :

#content {
height: auto;
width: 90%;
border-left: 1px solid #000055;
border-top: 10px solid #000055;
border-right: 1px solid #000055;
border-bottom: 1px solid #000055;
text-align: left;
padding: 20px 10px 10px 10px;
margin-top: 10px;
 }

#slides {
padding: 0px;
margin-left: 20px;
float: right;
 }

html>body #slides {
margin-right: -40px;
 } 
 
.slides {
background:#fff;
color:#000;
padding: 0px;
margin-bottom: 20px;
 }

Greetz
Wout