//flex table opened by JP
PDA

Click to See Complete Forum and Search --> : FrontPage tables bleeding over each other

joeyroland
08-28-2004, 08:03 PM
Hello,

I recently put together a very basic website with FrontPage on my first PC which has a display setting of 1024 x 768 or something. After I published the web from my 2nd Computer, (800 x 600), my tables have all bled together. My borders are absolutely fine, just not the remaining tables/cells. On my first computer, the page looked fine when previewed. However, on this PC, it looks thrown together even when I preview it.

Any ideas....please?:(
ScaryBinary
08-28-2004, 10:30 PM
I don't quite understand what the problem is. Could you provide a link to your site, or elaborate a bit?
joeyroland
08-29-2004, 11:13 AM
Sure can....

This is a very preliminary link to my site. (http://www.bandtffl.bravehost.com/poised_for_ph.htm)

As you can surely tell, its from a free hosting web address.

Anyway, on the site, my tables are overlapping and "bleeding" into each other. However, when previewed on my primary computer, the tables are exactly as I want them.

Any thoughts?
Thanks!
ScaryBinary
08-29-2004, 01:03 PM
Wow. That's some intense HTML. At first glance, there are a few odd things.

There are two <HTML>...</HTML> objects, and there should only be one.

Also, I'm confused by the excessive use of divisions (<div>) and tables (although, Frontpage is notorious for this sort of thing). Some of the closing (or opening?) tags are missing. Also, some of the objects have a "z-index" style, which I believe is what is causing the "bleeding". This style tells the browser what items to display on top of other items.

I'm not sure what you actually created in Front Page, and what (if anything) your host has added to it.

When I have more time I'll dig through the HTML and see what I find...!
DocEvi1
08-29-2004, 02:56 PM
I can spot several problems, firstly this is where FP falls down the stairs.

From my knowledge what MS did when they wrote I.E. and Frontpage is that they extended the "official" HTML language to include some "cool" offerings and the ability to make things like you have (those borders for instance). The problem is that not many other browsers other than I.E support these "cool" features. MS trying to rule the roost? Well I'll let you figure that one ;)

As for FP, well the reason why it falls down is that it follows this new "standard" set my MS. It also falls down as it doesn't actually design pages correctly - for instance look at your code and you'll see that many of the tables are set to percentage sizes of the screen rather than a pixel width, this won't help when trying to get a tight layout to flow together on the page.

I use FP, and I'll defend it's use to make simple pages such as table layout and the like but it really is pants when ever you try something like this. Most of the WYSIWYG editors are - they simply can't do the complicated stuff properly. I know it's a bind, but the only way to make damned sure it works correctly is to code by hand using FP to give the correct syntax for things such as tables and the like. Sorry.
joeyroland
08-29-2004, 03:17 PM
Wow....I didn't know FP was that inadequate!

I am very new to the whole HTML scene and what not. As mentioned before, I am using FP because it's kind of like Fisher-Price for webpages. But, as you all have agreed on, it's like Fisher-Price in that their plastic saws don't work.;)

Anyway, I do appreciate you guy's effort. If there is something I should be aware of that will help stop the "bleeding", please let me know!

Thanks again!:t
ScaryBinary
08-30-2004, 01:58 PM
Now, you're probably going to have to ditch the What-you-see-is-what-you-think-you-get interface of Frontpage and do some down-and-dirty coding in HTML.

That being said, I've attached an example HTML page that you could use for your page setup. I've done it using HTML tables, but you could also do it using the <div> tags and CSS. You should avoid using both, which is what Frontpage is doing.

The inportant things to note are that I've fixed the width of the side menus at a specific size, while letting the middle section adjust to the user's browser window. Thus, when you open the sample page and resize the window, you're menus won't flop over the main text. Give a look and play around with it a bit. If you understand it, then maybe you can hack through the Frontpage generated code and set the existing cell widths so they reflect the ones in the sample attachment.

Note that you'll have to rename the file extension to .htm instead of .txt.
joeyroland
08-31-2004, 11:27 AM
Holy **** SB! Thanks a bunch! I renamed the extension like you said and it came out perfectly on this PC, (800 x 600).

I will fiddle with it this weekend as school is starting now:mad:

Anyway, I just wanted to sincerely thank all of you for your help! I appreciate it! Also, I specifically wanted to thank you SB! Hopefully I am now at the lowest point with regards to my HTML knowledge and will go up from here ;)

Thanks again!