[Suzzistar]

Hello

I just checked my site http://www.goviphosting.com on firefox and it has gone totally bonkers. Although it looks great on IE. What the hell is goin on..? hmmm, what can i do to fix this problem...????

Im using frontpage to do my site design i dont see any errors on that, and like i said it works fine on IE but totaly messed up on FFX

Pls Help urgently

Thanks

[cancon]

did you try restarting your computer? - first line of thinking in any troubleshooting whatsoever.

[Suzzistar]

Lolz yup did the restarting and still the site look disfigured on FFX

[Sequal7]

The problem is within your paragraphs after each bulleted item

<p style="margin-left:5; margin-top:0">

Change it to <br /> in each area and it should display fine.

[Suzzistar]

Originally Posted by Sequal7

The problem is within your paragraphs after each bulleted item

<p style="margin-left:5; margin-top:0">

Change it to <br /> in each area and it should display fine.

Heyy it worked thanks your a genius

Check this page - http://www.goviphosting.com/index-firefox.html

What abt the borders..? they look invisible via frontpage and IE but there all visible on firefox how to make them invisible via FFX as well?

And also theres a slight gap between the SHOCKING Logo (Right on the top of the index page) and the free benefits section next to the logo which is then again look fine on IE and FP but messed up in firefox What can i do to fix that..?

[namenotfound]

Where you have this:

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-bottom-width:0" bordercolor="#CCCCCC" width="629" id="AutoNumber2" height="1" bgcolor="#FFFFFF">

CHANGE it to this:

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-bottom-width:0" bordercolor="#CCCCCC" width="629" id="AutoNumber2" height="1" bgcolor="#FFFFFF">

Basically, you're just changing border="1" to border="0"

[Sequal7]

My Rant:
And people say that frontpage doenst build bad code...HUH...I say...Does too!
Rant done

Do you mean that you want a slight gap between the SHOCKING image? (its currently at 14px)

If so, look for this line;

<td width="101%" style="border-style: none; border-width: medium" valign="top" colspan="7" bgcolor="#FFFFFF" height="14">
        <p align="center"></td>

and replace it with this one

<td width="101%" style="border-style: none; border-width: medium" valign="top" colspan="7" bgcolor="#FFFFFF" height="3"></td>

You can change the height to suit (its the height="3")

[Suzzistar]

By the way,

Can u guys tell me the way you see my site on Firefox..? compared to IE coz this other guy told it looks absolutely fine on his fire fox 2.0.0.3 but it looks messed up in my firefox 2.0.0.3

[Suzzistar]

Originally Posted by namenotfound

Where you have this:

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-bottom-width:0" bordercolor="#CCCCCC" width="629" id="AutoNumber2" height="1" bgcolor="#FFFFFF">

CHANGE it to this:

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-bottom-width:0" bordercolor="#CCCCCC" width="629" id="AutoNumber2" height="1" bgcolor="#FFFFFF">

Basically, you're just changing border="1" to border="0"

Hiii, I tried this but unfortunately its not working on firefox, damn this is soo frustrating, i dnt knw hwy people use this firefox thing coz itz a pain in da ***

Funny thing is the site look just fine on IE, and it look sucks on FFX How can i fix this prob..? I even tried designing a new page with only a table on it and nothing else, and still the border prob is there and im unable to make them invisible

[cancon]

LOL! Please don't even get started on the advantages of firefox...u'll be prooved wrong i promise you...not only that, my guess is that 95% of ppl on techguy prefer using firefox.

In fact, I'm in IE right now and i'm having problems seeing techguy as the posts go off the screen and zooming doesn't change anything. The whole page is out of proportion. If I was at home, nothing would be going wrong - my hyped up firefox id doing just gr8

[Sequal7]

The problem isn't with firefox, its your Front page software....Its the only problem you have unfortunately.

The page you made (index-firefox.html) looks fine on my Firefox browser 2.0.0.3 as well. You may be seeing a cached page, try a hard refresh of the page. (CTRL + F5)

Heres a screen shot of it from my windoze box;

[Suzzistar]

Originally Posted by Sequal7

The problem isn't with firefox, its your Front page software....Its the only problem you have unfortunately.

The page you made (index-firefox.html) looks fine on my Firefox browser 2.0.0.3 as well. You may be seeing a cached page, try a hard refresh of the page. (CTRL + F5)

Yes it could be the FP, im using 2002 XP version Or is it the site template im using..? Coz i know people who has build sites using FP and looks great on both IE and firefox . If so.. are there any web based tools i can use to fix the errors on my HTML/CSS code..? hmmm,

Now the prb is how to make those borders invisible, pls chk the site on IE at http://www.goviphosting.com i want the borders to look the same way on FFX as it does on IE

and secondly the SHOCKING IMAGE, it has been de-attached from the (Grey area) free benefit list next to the IMAGE, once again check it on IE and the SHOCKING IMAGE is attached to the grey list, and that's the correct way to display it, and i want it to look that way on FFX as well

And abt the FrontPage, If i upgrade to FP 2003 will it help..?? or is this something to do with born incompatibilities with Microsoft products and FireFox..???

[Sequal7]

Ok, I see what you mean about the shocking image, align them to the right and they will not show the gap.
Look for;

<table style="border-collapse: collapse;" id="AutoNumber27" border="0" bordercolor="#111111" cellpadding="0" cellspacing="0" width="95%">
            <tbody><tr>
              <td width="51%"><img src="Promonew-5_01.gif" border="0" height="38" width="500"></td>
              <td rowspan="7" width="24%">
              <table style="border-collapse: collapse;" id="AutoNumber28" border="0" bordercolor="#111111" cellpadding="0" cellspacing="0" width="100%">
                <tbody><tr>
                  <td bgcolor="#f5f5f5" width="100%">
                  <p style="margin-left: 2px;"><img src="arrow-02.GIF" border="0" height="11" width="11">
                  <b>2000 MB</b> web space<br>
                  <img src="arrow-02.GIF" border="0" height="11" width="11"> <b>150 GB</b> monthly 
                  transfer<br>
                  <img src="arrow-02.GIF" border="0" height="11" width="11"> <b><font color="#ff0000">
                  Free</font></b> Domain name for life<br>
                  <img src="arrow-02.GIF" border="0" height="11" width="11"> <b><font color="#ff0000">
                  Free</font></b> pvt registration</p></td>
                </tr>
                <tr>
                  <td bgcolor="#eeeeee" width="100%">
                  <p style="margin-left: 2px;"><img src="arrow-02.GIF" border="0" height="11" width="11">
                  <b><font color="#ff0000">Free</font></b> website promotion<br>
                  <img src="arrow-02.GIF" border="0" height="11" width="11"> <b><font color="#ff0000">
                  Free</font></b> Blog, Chat, Forums<br>
                  <img src="arrow-02.GIF" border="0" height="11" width="11"> <b><font color="#ff0000">
                  Free</font></b> advance site stats<br>
                  <img src="arrow-02.GIF" border="0" height="11" width="11"> <b><font color="#ff0000">
                  Free</font></b> script installation</p></td>
                </tr>
                <tr>
                  <td bgcolor="#dfdfdf" width="100%">
                  <p style="margin-left: 2px;"><img src="arrow-02.GIF" border="0" height="11" width="11">
                  <b><font color="#ff0000">Free</font></b> eCommerce/cart<br>
                  <img src="arrow-02.GIF" border="0" height="11" width="11"> <b><font color="#ff0000">
                  Free</font></b> Transfer your site<br>
                  <img src="arrow-02.GIF" border="0" height="11" width="11"> <b><font color="#ff0000">
                  Free</font></b> 24x7 priority support</p></td>
                </tr>
                </tbody></table>
              </td>
            </tr>
            <tr>
              <td width="51%"><img src="Promonew-5_02.gif" border="0" height="29" width="500"></td>
            </tr>
            <tr>
              <td width="51%"><a href="http://www.goviphosting.com/budget-web-hosting.htm">
              <img src="Promonew-5_03.gif" border="0" height="24" width="500"></a></td>
            </tr>
            <tr>
              <td width="51%"><a href="http://www.goviphosting.com/budget-web-hosting.htm">
              <img src="Promonew-5_04.gif" border="0" height="21" width="500"></a></td>
            </tr>
            <tr>
              <td width="51%"><a href="http://www.goviphosting.com/budget-web-hosting.htm">
              <img src="Promonew-5_05.gif" border="0" height="21" width="500"></a></td>
            </tr>
            <tr>
              <td width="51%"><a href="http://www.goviphosting.com/budget-web-hosting.htm">
              <img src="Promonew-5_06.gif" border="0" height="21" width="500"></a></td>
            </tr>
            <tr>
              <td width="51%"><a href="http://www.goviphosting.com/budget-web-hosting.htm">
              <img src="Promonew-5_07a.GIF" border="0" height="22" width="500"></a></td>
            </tr>
          </tbody></table>

and change it to;

<table style="border-collapse: collapse;" id="AutoNumber27" border="0" bordercolor="#111111" cellpadding="0" cellspacing="0" width="95%">
            <tbody><tr>
              <td width="51%" align="right"><img src="Promonew-5_01.gif" border="0" height="38" width="500"></td>
              <td rowspan="7" width="24%">
              <table style="border-collapse: collapse;" id="AutoNumber28" border="0" bordercolor="#111111" cellpadding="0" cellspacing="0" width="100%">
                <tbody><tr>
                  <td bgcolor="#f5f5f5" width="100%">
                  <p style="margin-left: 2px;"><img src="arrow-02.GIF" border="0" height="11" width="11">
                  <b>2000 MB</b> web space<br>
                  <img src="arrow-02.GIF" border="0" height="11" width="11"> <b>150 GB</b> monthly 
                  transfer<br>
                  <img src="arrow-02.GIF" border="0" height="11" width="11"> <b><font color="#ff0000">
                  Free</font></b> Domain name for life<br>
                  <img src="arrow-02.GIF" border="0" height="11" width="11"> <b><font color="#ff0000">
                  Free</font></b> pvt registration</p></td>
                </tr>
                <tr>
                  <td bgcolor="#eeeeee" width="100%">
                  <p style="margin-left: 2px;"><img src="arrow-02.GIF" border="0" height="11" width="11">
                  <b><font color="#ff0000">Free</font></b> website promotion<br>
                  <img src="arrow-02.GIF" border="0" height="11" width="11"> <b><font color="#ff0000">
                  Free</font></b> Blog, Chat, Forums<br>
                  <img src="arrow-02.GIF" border="0" height="11" width="11"> <b><font color="#ff0000">
                  Free</font></b> advance site stats<br>
                  <img src="arrow-02.GIF" border="0" height="11" width="11"> <b><font color="#ff0000">
                  Free</font></b> script installation</p></td>
                </tr>
                <tr>
                  <td bgcolor="#dfdfdf" width="100%">
                  <p style="margin-left: 2px;"><img src="arrow-02.GIF" border="0" height="11" width="11">
                  <b><font color="#ff0000">Free</font></b> eCommerce/cart<br>
                  <img src="arrow-02.GIF" border="0" height="11" width="11"> <b><font color="#ff0000">
                  Free</font></b> Transfer your site<br>
                  <img src="arrow-02.GIF" border="0" height="11" width="11"> <b><font color="#ff0000">
                  Free</font></b> 24x7 priority support</p></td>
                </tr>
                </tbody></table>
              </td>
            </tr>
            <tr align="right">
              <td width="51%"><img src="Promonew-5_02.gif" border="0" height="29" width="500"></td>
            </tr>
            <tr align="right">
              <td width="51%"><a href="http://www.goviphosting.com/budget-web-hosting.htm">
              <img src="Promonew-5_03.gif" border="0" height="24" width="500"></a></td>
            </tr>
            <tr align="right">
              <td width="51%"><a href="http://www.goviphosting.com/budget-web-hosting.htm">
              <img src="Promonew-5_04.gif" border="0" height="21" width="500"></a></td>
            </tr>
            <tr align="right">
              <td width="51%"><a href="http://www.goviphosting.com/budget-web-hosting.htm">
              <img src="Promonew-5_05.gif" border="0" height="21" width="500"></a></td>
            </tr>
            <tr align="right">
              <td width="51%"><a href="http://www.goviphosting.com/budget-web-hosting.htm">
              <img src="Promonew-5_06.gif" border="0" height="21" width="500"></a></td>
            </tr>
            <tr align="right">
              <td width="51%"><a href="http://www.goviphosting.com/budget-web-hosting.htm"><img src="Promonew-5_07a.GIF" border="0" height="22" width="500"></a></td>
            </tr>
          </tbody></table>

The borders were already addressed by namenotfound, but you will need to change more than just that one, you are better off to change them all to 0 then go through and change those you want to a 1, IE do a searcha nd replace for border="1" and chage it to border ="0", preview the page in both, then change the ones you want to show. I would do it for you but it is just too boring for me to go through. If you insist perhaps I will do it, but not right now

The frontpage program is designed to work best with IE because they are both MS products. MS doens't seem to care that the more popular browsers are not IE or MS products. The ne versions are becoming better so an upgrade would help somewhta, but MS just seems to build bad code into their editors (even int he newest one it still inherantly has bad code written into it although it does incorporate some great features that Dreamweaver has had for some time...

[Suzzistar]

Originally Posted by Sequal7

Ok, I see what you mean about the shocking image, align them to the right and they will not show the gap.
[/code]

The borders were already addressed by namenotfound, but you will need to change more than just that one, you are better off to change them all to 0 then go through and change those you want to a 1, IE do a searcha nd replace for border="1" and chage it to border ="0", preview the page in both, then change the ones you want to show. I would do it for you but it is just too boring for me to go through. If you insist perhaps I will do it, but not right now

Hey thanks, Sequal... ill try to do that, but does it mean im gona have 2 different pages for IE and FFX..? (If that's the case then im gona have to Re-design a separate site for FFX coz this border prob and Bullet Indentation problem is basically all over the site when it comes to FFX hmmmm) Having too many browsers is a pain in da *** for webmasters for sure, And wasting valuable time where i should be promoting the site rather than adjusting the site to fit into various web browsers. (Annoying )

[Sequal7]

I agree it is annoying, and that is the reason I use UltraEdit to create html and Dreamweaver to tweak it visually and steer clear (well clear) from M$ Frontpage products.., but the changes you are doing are very minimal to be honest.....

You wont need two pages, those changes that you make wont affect IE, it will display the exact same in both once you perform them.
IE will render, and interprets code differently than FF does. FF is stricter than IE so alot of things you can get away with in IE, you cant in Mozilla products, this is true for almost every other browser than IE to be honest.

Try netscape, your site may appear the same or different again....