Page is almost there - Firefox problem

Question

Good evening :)
I finally have what I think will be a working page template
to work with and am very happy with how it looks in IE. However,
when you click on the activities page link from the home page, the
padding isn't the same on the paragraphs and the copy runs out of
the box, whereas IE seems to expand to accommodate. I've uploaded
these two pages to my site temporarily. Can someone take a look and
give me some input on what's going on? Thanks -
BPI.

Answer 1

webmom24 wrote:
> Good evening :)
>
> I finally have what I think will be a working page
template to work with and
> am very happy with how it looks in IE. However, when you
click on the
> activities page link from the home page, the padding
isn't the same on the
> paragraphs and the copy runs out of the box, whereas IE
seems to expand to
> accommodate.
Lets take the second problem first. Move your 'clearer'
<br> to the new
position, shown below.
<!-- /center_content -->
</div>
<br class="clearer" />
<div id="footer"></div>
<!-- /wrapper -->
The box will now expand as the depth of the content does.
You'll have to
move the 'clearer' break on all the page to the new
position. Make the
change in the template and upldate if you can.
The first issue is a little more complex. You need to get rid
of ALL of
this stuff (<br /><span lang="en" xml:lang="en">)
which is mixed up with
the opening paragraphs.
They should look like below just using <p></p>
tags, nothing else.
<div id="text_alt">
<p>BPI provides a wide range of meaningful adult
activities tailored to
meet the variety of special needs and interests of the people
participating in the program. Everyday is a different mix of
opportunities for socializing, mentally stimulating games,
reminiscence
opportunities, discussions, craft and art work, physical
activities,
intergenerational experiences, healthcare, therapy assistance
and
personal care as well as shopping trips, tours and BPI
adventures.</p>
<p>Individuals can actively join an event, choose to
enjoy watching
others or do their own thing. There are opportunities for
large and
small group activities as well as one to one interactions.
Several
activities may be going on at once.</p>
<p>BPI&rsquo;s monthly Calendar of Events is only a
small portion of the
activities we provide daily.</p>
<p>Here is an inside look of just one day at
BPI:</p>
Then add a NEW '#text_alt p' css style directly below your
'#text_alt
css' as shown below.
#text_alt {
width: 596px;
float: left;
#text_alt p {
margin: 0;
padding: 8px 27px;
Adding the new css style style may affect your other pages if
they are
linked to the same stylesheet. You need to get the template
correct
initially. Of course you can add an editable css region to
the head
section of the template page, which will propogate to the
pages which
are created forom the template. In this region you can add
css specific
to the page without the other pages being affected.