Hello everyone,
I’d like to ask a quick question. I’m sure it is something very obvious but I cannot see the answer. I get an odd position offset.
I have a html box with border that creates a page. Inside of this one I have another html box with border that creates a column. Then another one inside of it with a border that serves as a container for a graphic item. Inside of the graphic item is an image. All the nested html boxes are: “Float: Left”
Now I create an html box that is not nested. I type in it the word blog. I have removed all formating on the word. When I preview the page in the browser, the position of the free floating box shifts. And I cannot see why. Any suggestions would be greatly appreciated.
If you can share a published view of that page, we could examine the code
FWP is writing when it describes your page.
Obviously something in your page construction is mucking with how FWP
writes the code to describe your page. My initial guess is the floats may
not be necessary - but your code will tell more of the story than your
screen grabs do.
Thanks for your reply. I am redesigning the whole existing website so what I did to upload the page in question (the new redesigned home page), I copied it from the latest unpublished file and pasted the whole page as is into the second latest version of the website which is published and uploaded.
This also means that some of the links on the menu bar will misbehave as this page has a new master not present in the second last version of the site. Hope this makes sense. ;–))
Please share the page which exhibits your problem - if you are trying to
create a menu, why not use the menu action as you already have done on this
second example?
–
Ernie Simpson
On Sun, Sep 14, 2014 at 11:14 PM, Robert Stollar <
email@hidden> wrote:
Hi The Big Erns,
Thanks for your reply. I am redesigning the whole existing website so what
I did to upload the page in question (the new redesigned home page), I
copied it from the latest unpublished file and pasted the whole page as is
into the second latest version of the website which is published and
uploaded.
This also means that some of the links on the menu bar will misbehave as
this page has a new master not present in the second last version of the
site. Hope this makes sense. ;–))
I’m sorry, in the initial post I was trying to simplify the description focusing more on the nesting of boxes. The page was always at this stage, well…except for the added text at the very bottom of the page. The problem I was describing happens right at the bottom of the page and the text box with the word Blog in it hangs oddly. In FW it sits on top of the image just under the “figure drawing online.”
If you are referring to your Div - item64 then it is because it has absolute positioning. ie it is positioned x pixels from the left and the top no matter what is going on in the rest of the page.
If you wish for it so stay ‘in flow’ then it should be relatively positioned so that when other items on the page grow/shrink it goes along for the ride.
the position of the free floating box shifts.
You have really answered your own question here - if your item is not ‘nested’ then it is not influenced by the rest of the page.
The easiest way for you to see how your page can be affected by different Browsers rendering text at different sizes (because that is what is happening here) is by using Safari.
Go into the View menu and check Zoom Text Only
Now back to your page and use Cmd + to increase the text size a couple of notches.
Your Blog Div stays put while the text boxes above it expand down the page and start to break out of their bordered areas.
Thank you for the answer. When I create a “floating” html box I can only select “Absolute” or “Fixed in Window” from the drop down box in the inspector. Is “Fixed in Window” the relative positioning?
When I create a “floating” html box I can only select “Absolute” or “Fixed in Window” from the drop down box in the inspector.
Is “Fixed in Window” the relative positioning?
No - to get a relatively positioned item you need to insert your cursor in the parent container (where you want the item to be) and double click until the cursor flashes. Then Insert>Html Item to get a 100 px x 100px square that you can resize to suit.
Adjusting Floats, Margins etc will give you better positioning control.
Ah, I see now. All the way at the bottom of that long page - and I see Dave
has sussed it out for you as well.
My work here is done.
–
Ernie Simpson
On Mon, Sep 15, 2014 at 2:59 AM, Robert Stollar <
email@hidden> wrote:
Ernie,
I’m sorry, in the initial post I was trying to simplify the description
focusing more on the nesting of boxes. The page was always at this stage,
well…except for the added text at the very bottom of the page. The
problem I was describing happens right at the bottom of the page and the
text box with the word Blog in it hangs oddly. In FW it sits on top of the
image just under the “figure drawing online.”
Sorry guys, I have another problem. I have finished the page and for some reason I get extra white space at the bottom of the page.
Could you have a look in the code what is causing it?
The only thing now is that the narrow grey column on the left would not reach to the bottom when set to flexible. Even if I add the max margin to the bottom of the last box – 2000px, it is still short. Hmmmm…
I’ve been using FW since version 4 (current version 6.1.2) and I’ve done a few sites but never had these problems. I industriously ignored anything complicated and things always worked.
Mostly I am just changing the content of this current site and, well, I just wanted to adjust the size of the boxes for the new content to look neat. And suddenly things could not be adjusted. I am wondering what happened? Any thoughts?
The page these problems crop up on is a kind of a layout prototype. There will be quite a number of pages following this simple layout design and I was planning to make this one work and just duplicate and tweak the vertical size of the new pages and boxes to fit the amount of content.
I guess I am at the stage when I need to make a choice whether to keep patching from things from page to page or scrape the lot and start with a fresh clean file.
Now that I am writing this I just realised the only thing I did change. I added a CSS Menu on the new (duplicated from old) master. Could this be affecting things?
Personally I think your page looks fine the way it is and that 1st column
would look empty if the grey went all the way down.
I agree absolutely.
There are a few different ways to accomplish what you are asking - in my
opinion it’s just not good design. You’ve a boatload of boxes already - all
of them unnecessary. I’d recommend eliminating the different colors and
borders and start seeing your content as the design element - then go from
there.
I too am experiencing some odd positioning issues after opening a site built in FW6 in my upgraded FW7.
Specifically, I have a footer (placed within nested HTML) being forced to the bottom of the page. So it required a lot of extra scrolling of “white space” to see the footer.
I thought this thread was my answer, but no matter what I have tried, I am not quite understanding what is going on with it!
If I simply place the footer as a ‘floating’ element, it appears where I place it. However, I need it to push down the page as a inline element.
This is a simple page, but a good example of what I am experiencing.