I have developed a website www.littlekiwis.co.nz in microsoft frontpage it works perfectly fine in internet explorer in windows but people are having trouble viewing it in Firefox, mozilla and seamonkey. please help me,

Can we see some source code?

Theres ALOT of unnecessary tables in your design. Simple easy way to fix all this might be to take up leaning (xhtml) DIV and CSS.

In my personal opinion Front page isn't a great program to build sites in as it only likes to show up rite, in IE and nothing else.

Originally Posted by littlekiwis

in microsoft frontpage it works perfectly fine in internet explorer

Yep... it would be silly for IE NOT to support something another MS product spits out. It doesn't look right in FF and Mozilla because the code that Frontpage spat out is garbage. A bunch of non-compliant code with Frontpage's own sort of arbitrary code that only IE can understand.

Well at least you're hitting the majority of internet users...

Originally Posted by NotalesS

In my personal opinion Front page isn't a great program to build sites in as it only likes to show up rite, in IE and nothing else.

so what else is there to use? would it be easy enough to transfer what I have over to a new programme.

here is a bit of sorce code.

<table border="0" cellpadding="0" cellspacing="0" width="958" height="1227">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" bgcolor="#5897E2" colspan="4">
<!-- MSCellType="ContentHead" -->
<!--[if gte vml 1]><v:group id="_x0000_s1046"
style='position:absolute;left:21.75pt;top:34.5pt;w idth:159.75pt;height:99.75pt;
z-index:1' coordorigin="19,33" coordsize="213,133">
<vval id="_x0000_s1031" style='position:absolute;left:36;top:33;width:148;
height:55' o:regroupid="1" fillcolor="#9dc1ee" strokeweight="3pt"/>
<v:shapetype id="_x0000_t202" coordsize="21600,21600" o:spt="202" path="m,l,21600r21600,l21600,xe">
<v:stroke joinstyle="miter"/>
<vath gradientshapeok="t" o:connecttype="rect"/>
</v:shapetype><v:shape id="_x0000_s1032" type="#_x0000_t202" style='position:absolute;
left:61;top:44;width:102;height:28' o:regroupid="1" fillcolor="#9dc1ee"
stroked="f">
<v:textbox style='mso-next-textbox:#_x0000_s1032'>
<![if !mso]>
<table cellpadding="0" cellspacing="0" width="100%" id="table3">
<tr>
<td><![endif]>
<div>
<p class="MsoNormal">

Originally Posted by NotalesS

Simple easy way to fix all this might be to take up leaning (xhtml) DIV and CSS.

is there an easy way to do this

I did a check on your site.

For example, the following image can just simply use the <img src=""> code. Firefox or any other other browser wont be friendly with the coding below. If I am you, I will redo the whole site.

<!--[if gte vml 1]><v:group id="_x0000_s1046"
 style='position:absolute;left:21.75pt;top:34.5pt;width:159.75pt;height:99.75pt;
 z-index:1' coordorigin="19,33" coordsize="213,133">
 <v:oval id="_x0000_s1031" style='position:absolute;left:36;top:33;width:148;
  height:55' o:regroupid="1" fillcolor="#9dc1ee" strokeweight="3pt"/>
 <v:shapetype id="_x0000_t202" coordsize="21600,21600" o:spt="202" path="m,l,21600r21600,l21600,xe">
  <v:stroke joinstyle="miter"/>
  <v:path gradientshapeok="t" o:connecttype="rect"/>
 </v:shapetype><v:shape id="_x0000_s1032" type="#_x0000_t202" style='position:absolute;
  left:61;top:44;width:102;height:28' o:regroupid="1" fillcolor="#9dc1ee"
  stroked="f">
  <v:textbox style='mso-next-textbox:#_x0000_s1032'>
<![if !mso]>
<table cellpadding="0" cellspacing="0" width="100%" id="table3">
    <tr>
        <td><![endif]>
        <div>
            <p class="MsoNormal">
            <span lang="EN-US" style="font-family: Arial; mso-ansi-language: EN-US">
            <font size="4">LittleKiwis</font><o:p></o:p></span></div>
        <![if !mso]></td>
    </tr>
</table>
<![endif]></v:textbox>
 </v:shape><v:oval id="_x0000_s1033" style='position:absolute;left:184;top:33;
  width:36;height:39' o:regroupid="1" fillcolor="#9dc1ee" strokeweight="3pt"/>
 <v:line id="_x0000_s1034" style='position:absolute;flip:x' from="87,111" to="92,155"
  o:regroupid="1" strokeweight="3pt"/>
 <v:line id="_x0000_s1035" style='position:absolute;flip:y' from="87,149" to="97,155"
  o:regroupid="1" strokeweight="3pt"/>
 <v:line id="_x0000_s1036" style='position:absolute' from="87,155" to="102,155"
  o:regroupid="1" strokeweight="3pt"/>
 <v:line id="_x0000_s1037" style='position:absolute' from="87,155" to="97,166"
  o:regroupid="1" strokeweight="3pt"/>
 <v:group id="_x0000_s1038" style='position:absolute;left:123;top:111;width:15;
  height:55;rotation:-1156719fd' coordorigin="4527,7767" coordsize="540,1800"
  o:regroupid="1">
  <v:line id="_x0000_s1039" style='position:absolute;flip:x' from="4527,7767"
   to="4707,9207" strokeweight="3pt"/>
  <v:line id="_x0000_s1040" style='position:absolute;flip:y' from="4527,9027"
   to="4887,9207" strokeweight="3pt"/>
  <v:line id="_x0000_s1041" style='position:absolute' from="4527,9207" to="5067,9207"
   strokeweight="3pt"/>
  <v:line id="_x0000_s1042" style='position:absolute' from="4527,9207" to="4887,9567"
   strokeweight="3pt"/>
 </v:group><v:shape id="_x0000_s1043" type="#_x0000_t202" style='position:absolute;
  left:19;top:90;width:202;height:25' o:regroupid="1" fillcolor="#9dc1ee"
  stroked="f">
  <v:textbox style='mso-next-textbox:#_x0000_s1043'>
<![if !mso]>
<table cellpadding="0" cellspacing="0" width="100%" id="table2">
    <tr>
        <td><![endif]>
        <div>
            <p class="MsoNormal" align="center" style="text-align:center">
            <span lang="EN-US" style="font-family: Arial; mso-ansi-language: EN-US">
            <font size="1">Handcrafted in
            <st1:country-region w:st="on">New Zealand</st1:country-region> by
            </font>
            <st1:country-region w:st="on">
            <st1:place w:st="on"><font size="1">Lydia</font></st1:place></st1:country-region></span></div>
        <![if !mso]></td>
    </tr>
</table>
<![endif]></v:textbox>
 </v:shape><v:shape id="_x0000_s1044" style='position:absolute;left:216;top:59;
  width:16;height:32;rotation:-506655fd;mso-position-vertical:absolute'
  coordsize="558,1054" o:regroupid="1" path="m,132v261,461,522,922,540,900c558,1010,333,505,108,e"
  filled="f" strokeweight="3pt">
  <v:path arrowok="t"/>
 </v:shape><v:oval id="_x0000_s1045" style='position:absolute;left:208;top:49;
  width:5;height:5' o:regroupid="1" fillcolor="black"/>
</v:group><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:1;left:29px;top:44px;width:219px;height:137px'><img width=219
height=137 src="new_page_13_files/image001.gif" v:shapes="_x0000_s1046 _x0000_s1031 _x0000_s1032 _x0000_s1033 _x0000_s1034 _x0000_s1035 _x0000_s1036 _x0000_s1037 _x0000_s1038 _x0000_s1039 _x0000_s1040 _x0000_s1041 _x0000_s1042 _x0000_s1043 _x0000_s1044 _x0000_s1045"></span><![endif]>

I agree -- MicroSTOOPID Front Page is one of the worst HTML Editors to have, as it throws in 100's of lines and syntax of useless code!

In looking at your code, I did happen to see your site is missing a <!DOCTYPE Declaration> which is mandatory for all current markup languages, and without one, it's impossible to reliably validate a document. The DOCTYPE defines the version of the document like -- HTML 4.0.1, XHTML 1.0, 1.1, ...etc.

A great way to redo everything would be to simple use a OPENSOURCE layout and just edit the content to match you own. OR hire a freelancer to build you a simple site.

What ever is in your budget range.

*I'm available to do some work if need. I'm cheap ^_^

I think you’re using Microsoft Word to design your web page. I don’t think Frontpage would generate that kind of coding. Unless you copy and paste contents from Microsoft Word.

WYSIWYG editors are not good for new designers.

Originally Posted by boboman

I think you’re using Microsoft Word to design your web page. I don’t think Frontpage would generate that kind of coding. Unless you copy and paste contents from Microsoft Word.

Actually, that isn't true -- the following 1st line of code in websites done in MicroSTOOPID Front Page display this directly under the Doctype declaration:

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns="urn:schemas-microsoft-comfficeffice" xmlns="http://www.w3.org/TR/REC-html40">

As you can see, the code doesn't translate properly.

Travelagent,

I understand what you mean. Why I am saying that he maybe using Microsoft Word to publish his web site because I used Frontpage and Dreamweaver very often as I also design Frontpage web templates for my clients. For few years I have used frontpage and honestly I never see Frontpage generate that kind of code. Now, let me give you an example, below is the exact tables that created by Microsoft Word (Both are 2 X 2 table),

<table class=MsoTableGrid border=1 cellspacing=0 cellpadding=0
 style='border-collapse:collapse;border:none;mso-border-alt:solid windowtext .5pt;
 mso-yfti-tbllook:480;mso-padding-alt:0in 5.4pt 0in 5.4pt;mso-border-insideh:
 .5pt solid windowtext;mso-border-insidev:.5pt solid windowtext'>
 <tr style='mso-yfti-irow:0;mso-yfti-firstrow:yes'>
  <td width=295 valign=top style='width:221.4pt;border:solid windowtext 1.0pt;
  mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
  <p class=MsoNormal><o:p>&nbsp;</o:p></p>
  </td>
  <td width=295 valign=top style='width:221.4pt;border:solid windowtext 1.0pt;
  border-left:none;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:
  solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
  <p class=MsoNormal><o:p>&nbsp;</o:p></p>
  </td>
 </tr>
 <tr style='mso-yfti-irow:1;mso-yfti-lastrow:yes'>
  <td width=295 valign=top style='width:221.4pt;border:solid windowtext 1.0pt;
  border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
  padding:0in 5.4pt 0in 5.4pt'>
  <p class=MsoNormal><o:p>&nbsp;</o:p></p>
  </td>
  <td width=295 valign=top style='width:221.4pt;border-top:none;border-left:
  none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
  mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
  mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
  <p class=MsoNormal><o:p>&nbsp;</o:p></p>
  </td>
 </tr>
</table>

And now below is the table code that generated by Frontpage 2003,

<table border="1" width="100%" id="table1" style="border-collapse: collapse" bordercolor="#000000">
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>

boboman - both FP and DW8 produce 100's of lines of useless code, no matter how you slice it and dice it ... the code I posted came from a friend's website, who's been using FP since it first came out and he continues using it.

I personally wouldn't use either of those, but you can see his code here

Frontpage and Dreamweaver do produce some useless code sometime. But they do not produce the littlekiwis web site code. What I am trying to say is that littlekiwis web site is published using Microsoft Word or he copy and pastes the items from Microsoft word to Frontpage.



As for your friend web site, I looked at his source code and why he has all those useless code like you said is because he is using Frontpage theme and templates feature. Take a look at this for example,



<!--webbot bot="Navigation" S-Orientation="vertical" S-Rendering="graphics" S-Type="top" B-Include-Home="TRUE" B-Include-Up="FALSE" startspan -->



This is needed in Frontpage as it includes the navigation contents. And such feature is very useful for beginner who wants to publish their web site fast.

I understand what you're saying; but if you go back and read the original post, they blatantly state they designed it in MS FP and NOT MS Word -- MS Word is a Word Processor and NOT an FTP client for uploading sites to servers.

If you understand how to properly read code on numerous Editors, this line of code in the original post would have told you it was done in MS FP:

<style>
v\:* { behavior: url(#default#VML) }
o\:* { behavior: url(#default#VML) }
.shape { behavior: url(#default#VML) }
</style>

As for my friend's site, it clearly shows this code:

<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">

Irregardless; BOTH sites were done in MicroSTOOPID FP and that's all there is to it.

I know, what I mean is I think he maybe using Word. Because I never see Frontpage generate that kind of coding before so I am curious. So thats why I am suggesting that he may have using Microsoft Word to create his web page and save it as HTML file and upload it. Or perhaps he copy and paste some items from Word to Frontpage. Because if you copy shape or images, text etc from Word to Frontpage, frontpage will also copy the whole coding that Word generated to there as well. I never said he must be using Microsoft Word, I am only suggesting which I maybe right or maybe wrong.

I know what you're saying and can understand your curiosity; I suppose they possibly could've done that in MS Word and copy/pasted into MS FP not knowing the complications it would create ... maybe we'll never know!

Originally Posted by boboman

I know, what I mean is I think he maybe using Word. Because I never see Frontpage generate that kind of coding before so I am curious.

You may be right. You can generate html pages in MS Word. I have seen the code that Word generates. Word generates it own proprietary code and CSS that only other MS products can comprehend.

Originally Posted by boboman

I think you’re using Microsoft Word to design your web page. I don’t think Frontpage would generate that kind of coding. Unless you copy and paste contents from Microsoft Word.

no I am using FP

Originally Posted by boboman

What I am trying to say is that littlekiwis web site is published using Microsoft Word or he copy and pastes the items from Microsoft word to Frontpage.

I do not copy and paste from ms word. I type into frontpage. and by the way I am a she!!