Using dreamweaver template page. main div for content is named content is and part of the template. I have added some text to detail page and then added three div's to create table columns for links. Main content has a border. the border rather than surrounding the entire page content ends up running roughly through the <h3> names of the new divs so that all of the balance of the content is below the border.

My page section looks like:
<div id="content2"><!-- InstanceBeginEditable name="content" -->
<p class="middle"><img src='<%# asidesNamesInfo.FieldValue("image", Container) %>' alt='<%# asidesNamesInfo.FieldValue("imageAlt", Container) %>' ></p>
<h1><%# asidesNamesInfo.FieldValue("studyName", Container) %></h1>
<p>We place here miscellaneous comments. Some of these have been written in the process of preparing other studies and may best be read in their context. Others easily stand along. Browse and enjoy. </p>
<div class="picleftsized225">
<h3>Editorials and Opinions</h3>
<asp:Repeater runat="server" DataSource='<%# opEdList.DefaultView %>'>
<itemtemplate>
<p><a href="asidesDetails.aspx?tableID=<%# opEdList.FieldValue("tableID", Container) %>"><%# opEdList.FieldValue("title", Container) %></a></p>
</itemtemplate>
</asp:Repeater><p> </p></div>
<div class="picleftsized225">
<h3>Facts and Info<br /> <br />
</h3>
<asp:Repeater runat="server" DataSource='<%# explanations.DefaultView %>'>
<itemtemplate>
<p><a href="asidesDetails.aspx?tableID=<%# explanations.FieldValue("tableID", Container) %>"><%# explanations.FieldValue("title", Container) %></a></p>
</itemtemplate>
</asp:Repeater><p> </p></div>
<div class="picleftsized225">
<h3>"Trivia"<br /><br />
</h3>
<asp:Repeater runat="server" DataSource='<%# trivia.DefaultView %>'>
<itemtemplate>
<p><a href="asidesDetails.aspx?tableID=<%# trivia.FieldValue("tableID", Container) %>"><%# trivia.FieldValue("title", Container) %></a></p>
</itemtemplate>
</asp:Repeater><p> </p></div>
<p> </p>

<!-- InstanceEndEditable -->

</div>

My css for content2 and the picleftsized225 looks like this:

#content2 {
margin: 0 18px 0 175px;
background: url(../genimages/backgroundcross.gif) no-repeat center;
border:2px solid;
border-color: darkblue;
padding: 10px;
}
.picleftsized225 {
padding-right: 10px;
padding-bottom: 10px;
float: left;
width: 225px;
}

why does my content border not extent below all of the items inserted into this area? Error occurs in both ie6 and firefox
thanks


Jim Arthur

figured it out -- added a clearing div [<div style="clear: both"></div>] inside of the main container as the last item prior to closing the container div. The idea came from the position is everything site in their discussion of the ie guillitine bug. This was not a disappearing text issue, so was not a direct example of that bug, but the idea of creating the clear solved whatever the issue actually was

Jim Arthur