Dreamweaver Maximum Region Repeats

Hi slegy,

There's no functional limit to how much can be returned but there are practical limits.  The 20th row described above may be finding a hole in your design or CSS and moving unexpectedly.

The other practical limit is memory.  The more rows your repeat, the larger the page load is on the browser/video/RAM and the more likely it is you will cause a rendering error as one of those items crash.

Hi Jason. Believe is or not, this website I've been working on for what seems forever is in the process of implementation. We are just waiting for the transfer of the domain to the new host.

It occurred to me that part of my problem may be that I using a background image. To this point I had been limiting the page size to the size of the image, but the user wants endless scrolling, i.e., everything on one page. So I removed the image size. I've tried repeat and repeat-y, but that hasn't made any difference. I have another page where I didn't use a repeating region but has the same format. It contains over 30 entries and the background just keeps repeating with no problem. It must be a programmer-imposed conflict somewhere between the repeating region and the use of the background image. I'll do some more testing but will take the easy route rather than spend a lot of time.

>> It must be a programmer-imposed conflict somewhere between the repeating region and the use of the
>> background image.

If this is a CSS design, it is more likely that the region is finding a hole.  Is the repeat region in a table?

No table. Here is the code from the template:
  <div id="background">
  <!-- TemplateBeginEditable name="pgslideShow" -->
  <div id="pgHeader">
    <div id="pgslideShow">    </div>
    <div id="pgTitle"> </div>
      <div id="pgYear">9999</div>
      </div>
    <!-- TemplateEndEditable -->
 <!-- TemplateBeginRepeat name="eventDisplay" --><!-- TemplateBeginEditable name="eventEdit" -->
    <div id="event">
      <div id="eventImage"> <a href="#"><img src="#" border="0" /></a> </div>
      <div class="eventTitle" id="eventTitle"> <a href="#" class="eventTitle">Event Title</a> </div>
      <div id="eventLocation"> Event Location </div>
      <div id="eventDate"> Event Date </div>
    </div>
    <!-- TemplateEndEditable --><!-- TemplateEndRepeat -->
  </div>
  <div id="clear"></div>

Here's the CSS:

@charset "utf-8";
/* CSS Document */
#background {
 width: 668px;
 background-image: url(../assets/images/mainTemplate/worldBlue.jpg);
 }
#pgHeader {
 position: relative;
 width: 640px;
 }
#pgslideShow {
 float: left;
 height: 146px;
 margin-top: 6px;
 }
#pgTitle {
 float: right;
 height: 140px;
 width: 140px;
 text-align: left;
 line-height: 40px;
 font-size: 28px;
 color:#483D8B;
 font-style: italic;
 padding-top: 18px;
 }
#pgYear {
 position: relative;
 float: left;
 left: 8px;
 width: 80px;
 height: 40px;
 font-size: 30px;
 color: #483D8B;
 text-align: center;
 font-style: italic;
  }
#event {
 position: relative;
 float: left;
 width: 550px;
 left: 44px;
 margin-top: 13px;
 }
#eventImage {
 float: left;
 border: thin solid #FFFFFF;
 }
#eventDescrip {
 float: right;
 width: 320px;
 margin-top: 8px;
 }
#eventTitle {
 float: right;
 width: 438px;
 font-size: 13px;
 color: #A52A2A;
 padding-top: 16px;
 }
#eventLocation {
 width: 438px;
 float: right;
 font-size: 12px;
 color: #483D8B;
 }
#eventDate {
 width: 438px;
 float: right;
 color: #483D8B;
 padding-bottom: 10px;
 }

The background repeats once (for a total of two) and then that's when things go awry.

You are using CSS id's in the repeat region and that's not correct.  An id is used once per page.  Anything other than that and you throw the browser into quirks mode.

Change all of the CSS in the repeat region to classes and make the changes in the CSS file accordingly and retest.

A link so I can see it for myself would also be helpful.

Now I'm in unknown territory. I've not used classes extensively. Will research that. Here is the link to the page before I tried to put everything on one page:
http://ilcaoffice.win.aplus.net/photoGallery/photos2008/index.html
 

To make a class just change the # to a .  in the CSS file and the HTML from id= to class=

Jason - What I mean was, I use classes extensively for formatting text. But in order to maintain the formatting for the photogallery page, I'm not sure how to do that with with classes rather than ids. I will continue researching.

If you look at your repeat region above you will see the css is using ids. Just change the reference to a class and copy the css definitions to classes in the css file. There is no functional difference between a class and an id.

Thanks again - as always a great learning experience. Yes, I made those changes earlier and have put the page together. It looks and works great. Now I have another long one to do.