HTML page content overflow problems - link supplied

Who is Participating?
remorinaConnect With a Mentor Commented:
You can set overflow:hidden to #maincolumn_full as below
#maincolumn_full {

Open in new window

But this would just cut off your overflown content.

The main reason is your tables, you have the container div (#maincolumn, ) set to 755px wide while there's one of your tables set to 990px wide which is causing the problem.

<table class="MsoNormalTable" style="width: 742.3pt; border-collapse: collapse; border: medium none; margin-left: 6.75pt; margin-right: 6.75pt;" border="1" cellspacing="0" cellpadding="0" width="990" align="left">
<td style="width: 304.8pt; padding: 0in 0in 2.85pt;" colspan="2" width="406"><a href="/images/strategy/Stubble Utilisation Strategy.pdf" target="_blank"><img src="/images/M_images/pdf_button.png" border="0" />Click here to download a PDF version.</a><br /></td>
<td style="width: 437.5pt; padding: 0in 5.4pt 2.85pt;" colspan="2" width="583">
<p class="MsoNormal" style="margin-left: -13.5pt; text-indent: 13.5pt;"><em><span style="font-family: &quot;Lucida Handwriting&quot;; letter-spacing: 0.5pt;" lang="EN-AU">Ross   Waller</span></em></p>
<p class="MsoNormal"><span style="font-family: &quot;Comic Sans MS&quot;;" lang="EN-AU">0427186943 <span> </span>mobile contact</span></p>

Open in new window

As you can see from the code above, you have width: 742.3pt; in the style while in the table properties near the end its width="990"

However, removing the width only from the table won't fix ithe problem straight away since widths are also specified for the table cells that combined totals 990 as well, you need to check the widths of your tables and adjust them, also it's advised to use pixels across all widths, while you seems to be using both pixels and points in some cases.
Amanda WatsonConnect With a Mentor Web DeveloperCommented:
I think the problem with this particular page is that you have got an article with a table specifying the width as 990px

If you remove that and make it 100% it might help.

Also for this page you probably have you menu item to show the category as a blog layout and to have the articles showing in 2 coloumns, maybe you could reduce this to 1 coloum and change that table width and you might fix it up
TonyCaboneAuthor Commented:
Aah I see, this must be due mainly  to content coming out of an MS Word document?
Amanda WatsonWeb DeveloperCommented:
yeah definately

Its best to create the tables you need with the WYSIWYG editor in joomla to get the best result
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.