CSS HTML Box and Spacing Problem

Freeway
1

I have a problem that I can’t seem to solve. It seems that the CSS HTML box adds a space at the bottom of the box for every new paragraph you start (each time you hit enter).

For instance, if I write 5 paragraphs without hitting enter, then “fit box to content” and then view the output, the box will be perfectly fit to the content. However, if I shall press the enter key after each paragraph, although in the FreeWay Pro editor, the box will perfectly fit to content, when I view the page in the browser, there are the additional spaces at the end. For long pages, this spacing can be quite large. You can see this with a colored box background very clear.

The real problems is how the different browsers handle the spacing. I have to check the pages on FireFox, Camino and Safari for Mac, as well as Internet Explorer and FireFox on the PC. They all show the bottom spacing different.

Safari and Camino seem to add the most space when viewing, and FireFox and Internet Explorer (Windows) add the least. But to the spacing to be good on all browsers, so no text is cut off, adds more space to Safari, thus it makes long pages look not as good. I’ve tried breaking the page down into separate CSS HTML boxes, but I use padding, and this becomes a problem. I really don’t want to have to put boxes within boxes and lose the padding…

Any ideas? Also, is there a way so that when you hit enter, it just does a line break
?? Freeway Pro automatically creates a new paragraph when you hit enter. I would like it so that it just moves to the next line, and I would hit enter twice for a new paragraph like other editors.

I love FreeWay Pro!!! I’ve already used it for 3 web sites. The problems mentioned above are my only real issues.

Any help will be greatly appreciated.

Thanks,
Bryan

PS I can upload some examples if anyone wishes to see them, with screen shots of how each browser handles the same code.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

If you press Option-Return, you will get a break tag.

Walter

On Jan 19, 2009, at 5:12 AM, Bryan Los wrote:

is there a way so that when you hit enter, it just does a line break

?? Freeway Pro automatically creates a new paragraph when you
hit enter. I would like it so that it just moves to the next line,
and I would hit enter twice for a new paragraph like other editors.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

What you are seeing here is the difference between the design view and
the preview. They never have been particularly in synch. The design
view is a look at Freeway’s object model, which is at the level of
resolution of a desktop-publishing (print) application. The preview is
a WebKit (Safari) view of the rendered HTML for the current page. Each
browser has a different approach to HTML, and unless you have made
specific styles for each visible element on the page, each browser
also has what’s known as a “default stylesheet” – a set of styles for
everything that get applied whenever a particular element does not
have a designer-specified style.

When you draw a layered box in Freeway, it will have a specific
height. The content of the box may have a different height, and as
you have seen, this may vary between browsers. If you click on your
box and un-set the height (click on the icon left of the Height box in
the Inspector – the height value will turn gray) then the box will
have an undefined height, and will “shrink-wrap” to the contents. If
the text gets larger or smaller, the box will adjust to suit.

Everything about Web design is a series of compromises between what
you see in your browser, and what other people see in theirs. The
latter is aggressively not under your control, all you can do is plan
for it (give your layout additional vertical space to allow for growth).

Walter

On Jan 19, 2009, at 5:12 AM, Bryan Los wrote:

For instance, if I write 5 paragraphs without hitting enter, then
“fit box to content” and then view the output, the box will be
perfectly fit to the content. However, if I shall press the enter
key after each paragraph, although in the FreeWay Pro editor, the
box will perfectly fit to content, when I view the page in the
browser, there are the additional spaces at the end. For long pages,
this spacing can be quite large. You can see this with a colored box
background very clear.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Walter- Thanks for the great help. You just saved me many headaches with your explanation of “disabling” the height so it automatically “grows” with the content.

Now… the “problem” this created. I made my box, and like you said, the box adjusts perfectly when you disable height. However, I had another CSS box below with a footer/menu. Now, when I had the top box with size, I could count on my footer being at the proper pixel. Now, with the undefined height box, my footer box floats below the now perfectly sized text box. Is there a way to “link” these boxes together so my footer box will always be right under my text box?

Just thinking, I could put an outside undefined height box, that will house all my elements, text, footer, etc, and just make that undefined. That may work.

But if I can link an undefined an normal box that would be great.

Thanks,
Bryan

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Just thinking, I could put an outside undefined height box, that will house all my elements, text, footer, etc, and just make that undefined. That may work.

This is correct. To keep everything related so they don’t fly appart what you have deduced is the correct way to proceed.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

Thanks Chuck. Am off to try it now.

On another note, I only found these forums today. I’m a huge Apple Discussions user, and really enjoy the detailed (and quick) discussions there. I’m glad to see this is such a lively place to teach and learn here.

I have already bookmarked it and look forward to coming back and learning, and maybe offering a bit here and there for others whom I can help.

Bryan

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

Shift-Return usually does it for me. For some reason my old computer
registers option-returns as regular returns.

On Mon, Jan 19, 2009 at 7:37 AM, Walter Lee Davis wrote:

If you press Option-Return, you will get a break tag.

–
Ernie Simpson – Freeway 5 Pro User – thebigerns.com

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

8

Sometime around 19/1/09 (at 16:28 -0800) Ernie Simpson said:

Shift-Return usually does it for me. For some reason my old computer
registers option-returns as regular returns.

Heh. Because that’s how it is supposed to work. :slight_smile: Shift-return is it.
That was just Walter’s ploy to make us think he’s fallible. Nice try
Walter, but we don’t believe it!

k

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options