Vertically overlapping divs

Based on examples in Backdraft, I created an HTML object within an inline layout. It contains a number of floating HTML objects set to a width percentage so that the objects would grow and shrink as related to window width.
The screwy thing is that if I put another div below this, the above div expands to run right over the div below. Among many other things, I’ve tried to place an HTML object to the right of this group, setting the width to 100% and the objects run over that as well.
Beneath this div there is a markup object. The errant object does not run over the markup object, but respects it.
I have been hammering away at this thing literally for a couple of months and have tried every trick and setting I can think of… I simply cannot solve this problem.
Has anyone else experienced this?

http:mobile.lightbenders.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:

Objects that are positioned “absolutely”, as every object you draw on the page in Freeway when in CSS layout mode are, do not intersect with the other objects on the same page at all. They can be thought of as each occupying their own sheet of glass in an animation stand, and they are free to move in x and y dimensions without ever running into anything else on the page. “Relative” positioning, which is what you get when you start with a flashing text cursor inside a box and use Insert / HTML Item from the menu (or paste such an object at a text cursor from the clipboard) do make way for one another, and when one grows or moves, the others will get out of its way. If you had added the markup object also as an inline object, then it should stay out of the way. But if you placed it in the page by either drawing it or inserting it without a text cursor blinking at the insertion point, it won’t do that.

Walter

On Aug 22, 2016, at 4:37 PM, Trey Yancy email@hidden wrote:

Based on examples in Backdraft, I created an HTML object within an inline layout. It contains a number of floating HTML objects set to a width percentage so that the objects would grow and shrink as related to window width.
The screwy thing is that if I put another div below this, the above div expands to run right over the div below. Among many other things, I’ve tried to place an HTML object to the right of this group, setting the width to 100% and the objects run over that as well.
Beneath this div there is a markup object. The errant object does not run over the markup object, but respects it.
I have been hammering away at this thing literally for a couple of months and have tried every trick and setting I can think of… I simply cannot solve this problem.
Has anyone else experienced this?

http:mobile.lightbenders.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
Information for existing FreewayTalk / Groups.io users - Site Feedback - Softpress Talk


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Trey, I’ve looked at the example page and I’m not sure that I follow where the problem is, exactly.

Is it this?
https://dl.dropboxusercontent.com/u/27331610/FWT/trey-floats-problem.png

If it is, the problem is that item3 is floated, not cleared, and has a fixed height.

See here:
https://dl.dropboxusercontent.com/u/27331610/FWT/trey-floats-problem2.png

If that’s the problem (it is a problem) then those changes will preserve that item from its surroundings.


freewaytalk mailing list
email@hidden
Update your subscriptions at:

It looks like turning off the height of the individual boxes in the row does the trick.


freewaytalk mailing list
email@hidden
Update your subscriptions at: