FP + Mozilla= screwed up...

Tables arent showing correctly in Mozilla/Netscape

[Backdraft]

OK, I am having problems. I am creating a webpage for my fire company. I recently started using Mozilla Firebird for browsing. Until then, I never thought of compatibility problems. But anyway, I created the site in FP.All of my tables are screwy in Mozilla. Nothing is lined up. What did I do? What can I do (other than buy Dreamweaver!) Any help is greatly appreciated.

[edited by: caine at 8:18 pm (utc) on Dec. 10, 2003]

Oops, sorry for posting the link. I removed it completely.

[edited by: Backdraft at 8:27 pm (utc) on Dec. 10, 2003]

[SIRokai]

I'd try positioning them with css...

hope this helps
J

[Backdraft]

Do you know of any good tutorials on how to do this. I am still pretty new to this, and rely mostly on FP to do the work. But I am willing to learn!

[choster]

WYSIWYG editors often (this is true of FP, DW, and PM in my experience) insert paragraph tags in table cells. Usually <p> is rendered with a carriage return/line feed at the top and a carriage return at the bottom, so some browsers will give you an extra line above the text or both above and below, whereas others may collapse it. I don't know whether or how this could be controlled in FrontPage.

You could manually edit the page to change <td><p>text</p></td> back to <td>text</td>, or you could restyle paragraphs inside the table in question:

<table id="menu">
<tr><td><p>text</p></td></tr>
</table>

then

<style type="text/css">
table#menu p {margin:0}
</style>

Again, I don't know how easily this is done in Frontpage.

[caine]

Looks good in IE, and also great in Opera, though in Mozilla i could see that the links clapse to the left, and the mix of the graphics under the address.

I think you need to close the <p align="centre"> .SWF tag with </p> this should centre up the flash navigation bar.

Regarding the other problem where the background drops, i am not sure, but you have called the background three times - Why not build a table with one background and use it to position all the elements!

The HTTP Content-Type field. < by the way worth declaring your char set!

i.e. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

[Backdraft]

OK, I see where it did that. I removed the p align=center tags that is put in, and centered everything I need with a plain old center tag. Looks much better. Now another question.... I have two javascripts, in a small table, one greets the user, the other displays the date. In the document write part of the code, I have the font color set to "ffffff" so it will display white and the font set to verdana. But it still shows up in black. What can I do there? Write a style sheet for it and assign it to the javascripts?

[caine]

I don't think the problem is Wysiwyg (Frontpage problem), i think its the way that you are trying to apply it.

If you insert the Javascript into tabled cells with the background called by the cells, then your problem will go away. This is a quick fix solution, certainly not an ideal solution.

Style Sheets -> CSS
Dynamic Content -> Javascript, Jscript, or Limewire
Structure -> HTML

Obviously you can use all three to control visual aspects of the page, but be consistent, if your using the HTML to control vast areas of the page (colour, fonts), then its worth using it throughout. Certainly until your command and understanding of the possibilities and application of the use and in what context collaborate together.

[Shadows Papa]

Backdraft - one possible issue if you use FP and tables and see issues in non-IE browsers -> Table cell dimensions.
Example - table size (width) is 600pix. The table has 2 rows, 2 columns. If in row 1 column 1 it's defined as 300 pix wide, then the next cell is defined as 450pix wide, it will display properly in IE, but not in Mozilla based browsers. Mozilla adds the cells and stretches the table accordingly, where IE uses the table dimensions instead. Either go and make sure the numbers add up, or on the case of a row spanning 2 columns in the above table, remove the width completely, you'll fix it. The issue is when you create a table, make a change and FP messes up the individual cell dimensions. FP is goofy that way, but let's not totally blame FP, we should check that stuff!

Shadows Papa

[Backdraft]

OK, FP wasnt giving me the results I wanted, so I went out an got DW (student pricing is only $99 through my college!) Now I have everything setup, with the exception of one problem. I have several different links in my page that I need to be different colors. I managed to change the top link to Verdana 12 bold white with a css style. I managed to change a link in my text to Verdana 18 bold green underline with a css style. At the bottom of the page I am working on, I have a table with 2 rows 5 columns. Inside each cell is a link to a different page (in case someone cant see my flash navbar). I have set up a style css with Verdana 16 green underline. That changes the look inside DW, but whenever I view it in either browser (IE or Firebird) it shows up the default link colors(blue). If I change the default link colors via a:link a:visited etc, then the other two I have already fixed show up in the specified link colors and not the color of the style I assigned... Is the browser overriding my style sheet? This is what the inline style sheet looks like...

<!--
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
.style2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #008000;
}
.style3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: underline;
color: 008000;
}
-->

[Backdraft]

Nevermind, I figured out the problem... If you look at style #3, you will see I missed the # in front of 008000. Thats why it didnt apply... excellent!

[caine]

Glad you solved it!

[Bonnie Kinship]

MAKE FRONTPAGE CROSS BROWSER COMPETIBLE...

Tip:

1) Open a new or existing web-page.
2) Click on "Page Option" in "Tool" menu.
3) Click on "Compatibility" tab.
4) Set Following options
Browser ---> Both Internet Explorer & Navigator
Browser Version---> 4 or later
Server ---> Custom.

After doing above settings, web-page created by Frontpage will be displayed almost same in a different browser.

GOOD LUCK!