Template not producing exact same results every time

Question

I created a template (*.dwt) in DW8 using CSS layout. I then
created several pages using that template. One page I created looks
the way it should in all browsers. The other pages I created using
the same template (and no, the link between the pages and the
template is not broken) shift one particular table to the right by
one pixel, but only in Firefox. To combat this, I added this to the
css:
table.adjust {
position: relative;
left: -1px;
and gave the table the class of "adjust." What this did was
to fix the problem on the pages that had it, but then mess up the
correct pages (in firefox), and just mess up all the pages in the
other browsers. I can't seem to find any noticeable difference in
the code between the correct page and the wrong pages (why should
there be? It was a template!)
Within the editable regions, both pages have the exact same
skeletal structure:
<h2></h2><div class="bodytext"> (a number
of <p>s with no classes)</div>
Here's the correct-looking page:
right
Here's a wrong-looking page:
wrong
Here's the CSS:
css
Thanks in advance for any ideas!!

Answer 1

> In other words, as long as my pages are longer, they
display okay.
Is this a vertical scrollbar thing?
Try adding this -
html, body {
min-height:100.1%; margin-bottom:1px;
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"jcdeagan" <[email protected]> wrote in
message
news:[email protected]...
> Ok... I have gotten warmer in finding a solution. In my
frustration, I
> replaced
> the content of the pages with some Lorem Ipsum in the
exact same skeletal
> structure. When I did that, the page displayed properly.
So, thinking that
> there was some tag messed up, I just pasted the content
directly over
> where the
> Ipsum was. It went right back to displaying incorrectly.
So, I then
>
added some Ipsum on the end of my content (in the exact same
> format),
> and it again displays correctly.
>
> In other words, as long as my pages are longer, they
display okay.
>
> My next question, to you CSS gurus out there, that what
in the heck in my
> CSS
> code would make it so that a shorter page displays
incorrectly while the
> longer
> pages display correctly? I tried taking the "height:
100%" out of
> #wrapper, but
> that didn't do anything worthwhile. I'm attaching the
CSS code to this
> post.
>
> /* CSS Document */
>
> body {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> background-color: #cccccc;
> text-align: center;
> margin-top: -5px;
> }
>
> a:link {
> color:#718fa6;
> }
>
> a:visited {
> color:#545454;
> }
>
> a:hover {
> color:#000000;
> }
>
> a:active {
> color:#000000;
> }
>
> h2 {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 18pt;
> font-style: italic;
> color: #718fa6;
> text-align: left;
> }
>
> h3 {
>
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 16pt;
> font-style: normal;
> color: #718fa6;
> }
>
> .normaltext {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 12pt;
> color: #000000;
> text-align: left;
> }
>
> .bodytext {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 12pt;
> color: #000000;
> text-align: left;
> padding-right: 6px;
> padding-left: 6px;
> }
>
> img.line {
> border: 1px solid #CCCCCC;
> padding: 3px;
> margin: 5px;
> }
>
> /* outside edges */
> #wrapper {
> text-align: center;
> width: 845px;
> height: 100%;
> background-image: url(../images/pgbg2.png);
> background-repeat: repeat-y;
> margin: 0 auto;
> }
>
> #content {
> width: 809px;
> background-color: #FFFFFF;
> padding-right: 5px;
> padding-left: 5px;
> margin: auto;
> position: relative;
> padding-top: 1px;
> padding-bottom: 1px;
> }
>
> /* footer */
> #footer {
> background-image: url(images/footer.png);
> background-repeat: no-repeat;
> height: 75px;
> width: 845px;
> text-align: left;
> margin: 0 auto;
> padding: 1px 0;
> }
>
> .copyright {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 10pt;
> font-style: italic;
> color: #666666;
> margin-top: 10px;
> margin-left: 30px;
> }
>
> /* Layout styles */
> .rightcol {
> border-left-width: 2px;
> border-left-style: dotted;
> border-left-color: #CCCCCC;
> width: 273px;
> margin-left: 5px;
> text-align: left;
> }
>