How can I force my templates into displaying where I want them, not in the first empty place they can find?


#1

I have a bunch of templates that I’m loading into a page like this:

<div class="container">
{{> tblTravelerInfo}}
{{> tblTopMiddle}}
{{> tblTopRight}}
{{> tblExpenseDescription}}
{{> advisoryNotices}}
{{> tblFundOrgAccountActivityAmount}}
</div>

</body>

Note, though, that advisoryNotices does not immediately precede tblFundOrgAccountActivityAmount on the page, but looks for a nice hiding place up near the top of the page and sits down there:

Other than “fudging it” by, say, adding a large margin-bottom to the template under which advisoryNotices is stationing itself (tblTopRight), how can I force advisoryNotices to place itself directly above tblFundOrgAccountActivityAmount?

I can force it to work by adding this CSS (“tblPaymentsMade” is the table just above the advisory notice in the scream shot above):

#tblPaymentsMade {
  margin-bottom: 176px;
}

…but that smells awfully kludgy to me.


#2

CSS should be all you need here.

Layout the holes and slot the templates into the correct holes.

Its certainly not anything strange or meteor specific.


#3

All down but nine; set 'em up on the other alley, pard. - Clay ShannonMark Twain Central