On 22/10/2013 3:29 AM, Peredur wrote:
El 21/10/13 17:23, Alan Gresley escribió:

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

I love having a definite answer!  Thanks Alan.


Peter

Your welcome. A simple demo below. There more involved but this gives the concept of the madness.

Alan

<div style="float: left; background: yellowgreen; width: 20%;height: 100px">float left</div>

<div style="float: right; background: skyblue; width: 80%;">

  some content before wide block in floated right div

<div style="width: 1124px; background: red; ">a fixed width div that is to wide</div>

  <div style="clear: both;">clear</div>

</div>





--
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/

Reply via email to