In the item inspector general setting pane you can find 6 dimensions buttons along with their pixel values. Each can be greyed out by clicking the small icon on the left (parentesis below), then editing the pix value is prevented.
What is the purpose of that greying/freezing function?
When you have disabled that dimension, it won’t be output into the code. If you remove the left value, then the right will take over for it, usually. One cool thing to try is to set no width but a right and left value, on a page that is set to a percentage width. You get a fixed dimension between the left of the page and your item and the same thing on the right, but your item will flex to fit the page width.
Create a blank page (just for test), inclick in that page (blinking cursor), insert → HTML-item (click somewhere in white space) and type width 100% in the inspector. Make it a bit higher to see a bit more of the item1
Take your HTML-Tool and draw in item1 (this should be blue highlighted) another HTML-item. Color it. Uncheck the width in inspector.
Take your HTML-Tool and draw in item2 (this should be blue highlighted) another HTML-item. Fill it with text. Uncheck the width in inspector.
Preview this in a browser and play with window dimensions - that’s the cool thing.
If you instead of drawing the HTML-items always click in them and say insert → html item and uncheck the height you are near the basics of inline box-model DIV in DIV), cause then, the coloured box grows and shrinks with the window dimensions.
It frees and by playing with graying out in the inspector, you can stick elements either to the left and right of the browser window, but not to the bottom (Walter correct me if I am wrong here).
I was thinking of something a little simpler than that, actually. Make a new page, be sure the Align is set to None. Then draw an HTML box on the page. Give it a color so you can see it.
Look in the Left dimension, and you’ll see something there. Now click to disable the Width dimension. You should see a dimension in the Right box.
Because your page is not given an align property, it has no width, therefore it expands to fill the browser. Because the left and right of your HTML box are “pinned” to the page sides, the box can grow when the browser window does.