Solved

HTML page content overflow problems - link supplied

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

Accepted Solution

by:
remorina earned 125 total points
ID: 34133194
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
ID: 34133196
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
ID: 34133202
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
ID: 34133218
yeah definately

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

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
SharePoint 2013 Searchbox Branding 11 33
get multiple images to align right 5 41
Most reliable mobile browser emulator? 3 55
Bootstrap 3 with accordion menu 2 44
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

947 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

23 Experts available now in Live!

Get 1:1 Help Now