I have what should be a simple problem, however I have personally never seen anything quite so screwy.....

I have a new webpage that will not let me correctly justify the text. Have it reduced down to only two paragraphs for this purpose.....

Paragraph 1 is italicized <em> and justified (one sentence).... Works correctly.

Paragraph 2 is an Ordered List <ol> that is not italicized but is justified. The last character in each line of this paragraph is 'chopped off' - you see one half of an 8 or one half of a y, etc....

However if I remove the italics in paragraph 1 then paragraph 2 works correctly..... beats the heck out of me why.....

Code follows:

<br>
<p align="justify">
<em>I once spent ten days driving up and down the James River visiting
the historic plantation houses located there.</em>
<ol>
<li>
<div align="justify"> Preheat oven to 350&deg; F. </div>
</li>
<li>
<div align="justify">
Stem mushrooms. Set caps aside and coarsely chop stems.
</div>
</li>
<li>
<div align="justify">
Cook sausage, chopped mushroom stems, garlic, and scallion in medium-size skillet
5 to 8 minutes over moderately low heat, breaking up large sausage lumps, until meat
is lightly browned. Remove from heat, cool 15 minutes, then mix in egg, bread crumbs,
and soy sauce.
</div>
</li>
<li>
<div align="justify">
Mound sausage mixture in mushroom caps, then arrange in ungreased 9- or 10-inch quiche
dish or 9 x 9 x 2-inch baking dish.
</div>
</li>
<li>
<div align="justify">
Bake on middle oven shelf 10 to 12 minutes until bubbling and browned.
</div>
</li>
<li>
<div align="justify">
Serve hot with cocktails.
</div>
</li>
</ol>
</p>

You can view the actual failing page here: http://www.jeanandersoncooks.com/dev...-the-month.htm

Or you can view both the failing page and the corrected page (without the italics in paragraph 1) here.... Web page.jpg is the failing page; Web page 2.jpg is the correctly justified page....

Any assistance you can provide will be appreciated.

John Jones

It's not your paragraph that's the problem (although you should be using CSS for it).

The problem is that the containing table cell is set to a percentage width, and the width is such that, if your browser width isn't wide enough, you get the chopped-off effect that you see. If you look at it maxed out on 1440 x 900, it doesn't occur at all.

Mind you, this is only the symptom of a much deeper problem: simply put, your code is subpar, and the typical mess that Dr*amw*av*r creates. It's unnecessarily table-based, and you'd be better off redoing it from the ground up with a tableless layout. Don't even try to fix what you have...it'd take you about 10 times as long.

Adam,

Thanks for your help.... I now have a workaround that 'hides the problem' until I can get the site redesigned.

John