Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

HTML page content overflow problems - link supplied

Posted on 2010-11-14
4
256 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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
alert(innerHTML); 8 32
Html form and modal / img src -problem 3 28
Css regex 6 38
jQuery Dialog Autoresize Bug 2 24
This article discusses how to create an extensible mechanism for linked drop downs.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
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 …

791 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