Solved

HTML page content overflow problems - link supplied

Posted on 2010-11-14
4
252 Views
Last Modified: 2012-06-27
0
Comment
Question by:TonyCabone
  • 2
4 Comments
 
LVL 22

Accepted Solution

by:
remorina earned 125 total points
Comment Utility
You can set overflow:hidden to #maincolumn_full as below
#maincolumn_full {
margin-left:20%;
overflow:hidden;
padding-left:15px;
width:755px;
}

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">
<tbody>
<tr>
<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>
</td>

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.
0
 
LVL 11

Assisted Solution

by:Amanda Watson
Amanda Watson earned 75 total points
Comment Utility
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
0
 

Author Comment

by:TonyCabone
Comment Utility
Aah I see, this must be due mainly  to content coming out of an MS Word document?
0
 
LVL 11

Expert Comment

by:Amanda Watson
Comment Utility
yeah definately

Its best to create the tables you need with the WYSIWYG editor in joomla to get the best result
0

Featured Post

Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

Join & Write a Comment

Suggested Solutions

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now