On 22/10/2013 2:28 AM, Peredur wrote:
I wonder if somebody could take a look at this site:
http://www.memoriahistorica.org.es/joomla/
It's not a site I'm working on or associated with, from a development
point of view, in any way. However I notice that the page's text
content overflows its container and I wondered (in case this should crop
up in any site I *am* associated with) why this should be. Specifically,
the content of the table:
<tableclass="blog"cellspacing="0"cellpadding="0">
extends beyond the right boundary of its parent element:
<divid="ja-content">
An earlier child:
<divclass="componentheading">
does appear to respect the parent's boundaries.
I can't for the life of me understand why this should be and so, for
peace of mind only, if anyone could solve the riddle for me, I'd be very
grateful.
Regards
Peter
It's caused by the table further down having two images side by side
(the first is 551px wide and the second is 573px wide ) in two separate
columns. This fixed width of 1,124px causes the parent table (with one
table cell) to be as wide. Because this outer table is contained by a
right float div (see id="ja-contentwrap") of 80% wide, then the content
overflows the viewport when the veiwport is narrower than 1405px wide.
Alan
--
Alan Gresley
http://css-3d.org/
http://css-class.com/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
