# Website looks different in Firefox

**URL:** <https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542>\
**Category:** RapidWeaver Classic\
**Created:** [September 4, 2021, 7:01pm UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542 "2021-09-04T19:01:22Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![pdallos](https://avatars.discourse-cdn.com/v4/letter/p/54ee81/32.png) [@pdallos](https://forums.realmacsoftware.com/u/pdallos)\
**Post date:** [September 4, 2021, 7:01pm UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542/1 "2021-09-04T19:01:22Z")

</div>

My website ([www.pdallosart.com](http://www.pdallosart.com)) is perfect in Safari, Chrome and Edge (viewed on laptop). Looks jumbled in Firefox – fonts are all mixed up and entries overlap. Any ideas? Thanks, Peter

---

<div class="post-metadata">

**Author:** ![Elixir](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elixir/32/25498_2.png) [@Elixir](https://forums.realmacsoftware.com/u/Elixir)\
**Post date:** [September 4, 2021, 7:03pm UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542/2 "2021-09-04T19:03:10Z")

</div>

Seems to look the same for me in both Safari and Firefox.

In Firefox, clear your browser cache and then try reloading your page. See if that makes any difference.

---

<div class="post-metadata">

**Author:** ![pdallos](https://avatars.discourse-cdn.com/v4/letter/p/54ee81/32.png) [@pdallos](https://forums.realmacsoftware.com/u/pdallos)\
**Post date:** [September 4, 2021, 7:11pm UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542/3 "2021-09-04T19:11:04Z")

</div>

Hi Adam, done that – no change in appearance. Weird

---

<div class="post-metadata">

**Author:** ![Elixir](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elixir/32/25498_2.png) [@Elixir](https://forums.realmacsoftware.com/u/Elixir)\
**Post date:** [September 4, 2021, 7:20pm UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542/4 "2021-09-04T19:20:01Z")

</div>

Share screenshots with us what you’re seeing – both the good and the bad.

---

<div class="post-metadata">

**Author:** ![pdallos](https://avatars.discourse-cdn.com/v4/letter/p/54ee81/32.png) [@pdallos](https://forums.realmacsoftware.com/u/pdallos)\
**Post date:** [September 4, 2021, 7:24pm UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542/5 "2021-09-04T19:24:14Z")

</div>

Firefox:

 ![Screen Shot 2021-09-04 at 3.21.09 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/6/56c7455a25306bc32404fc090d5b960c5a29f6ae.png)

Safari

 ![Screen Shot 2021-09-04 at 3.22.58 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/e/ae7ad6d47b57b4c6dcf47db73766f4af7b0c3a1c.png)

---

<div class="post-metadata">

**Author:** ![Elixir](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elixir/32/25498_2.png) [@Elixir](https://forums.realmacsoftware.com/u/Elixir)\
**Post date:** [September 4, 2021, 7:29pm UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542/6 "2021-09-04T19:29:56Z")

</div>

Odd, it looks A-OKAY here in Firefox:

 ![Screen Shot 2021-09-04 at 3.28.12 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/9/59ccff5c1df8950cf9c6168123caee320dcd7a09.jpeg)

Have you checked to ensure you’re up to date, using the latest version of Firefox?

---

<div class="post-metadata">

**Author:** ![pdallos](https://avatars.discourse-cdn.com/v4/letter/p/54ee81/32.png) [@pdallos](https://forums.realmacsoftware.com/u/pdallos)\
**Post date:** [September 4, 2021, 7:32pm UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542/7 "2021-09-04T19:32:23Z")

</div>

as per Firefox, I am up to date. I guess that it is only my problem if you can see the correct version. Your help is appreciated. If you can think of anything else I should do, please let me know.

---

<div class="post-metadata">

**Author:** ![DLH](https://avatars.discourse-cdn.com/v4/letter/d/b5e925/32.png) [@DLH](https://forums.realmacsoftware.com/u/DLH)\
**Post date:** [September 5, 2021, 3:36am UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542/8 "2021-09-05T03:36:11Z")

</div>

It also looks fine in FF for me. While it doesn’t explain why you’re seeing odd rendering, at least it’s another datapoint indicating it’s working correctly.

---

<div class="post-metadata">

**Author:** ![wirrah](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/wirrah/32/22867_2.png) [@wirrah](https://forums.realmacsoftware.com/u/wirrah)\
**Post date:** [September 5, 2021, 10:21am UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542/9 "2021-09-05T10:21:35Z")

</div>

I tried this and it looks fine in firefox. On a side note, however, it took a very long time to load and I did notice that your images are “png” files so quite larger than a corresponding “jpeg”

Apologies - I’m on an ADSL 1 connection some 6 kms from the exchange (equates to about 1.5mbps on a good day 😀)

---

<div class="post-metadata">

**Author:** ![pdallos](https://avatars.discourse-cdn.com/v4/letter/p/54ee81/32.png) [@pdallos](https://forums.realmacsoftware.com/u/pdallos)\
**Post date:** [September 5, 2021, 2:00pm UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542/10 "2021-09-05T14:00:51Z")

</div>

Hi Greg, this is also weird; all my image files that are included in the RW file are jpg. So, how does to turn into png?

---

<div class="post-metadata">

**Author:** ![pdallos](https://avatars.discourse-cdn.com/v4/letter/p/54ee81/32.png) [@pdallos](https://forums.realmacsoftware.com/u/pdallos)\
**Post date:** [September 5, 2021, 2:43pm UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542/11 "2021-09-05T14:43:54Z")

</div>

Hi Greg, this is also weird; all my image files that are included in the RW file are jpg. So, how do they turn into png?

---

<div class="post-metadata">

**Author:** ![pdallos](https://avatars.discourse-cdn.com/v4/letter/p/54ee81/32.png) [@pdallos](https://forums.realmacsoftware.com/u/pdallos)\
**Post date:** [September 5, 2021, 4:38pm UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542/12 "2021-09-05T16:38:51Z")

</div>

Thanks Don

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [September 5, 2021, 5:15pm UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542/13 "2021-09-05T17:15:02Z")

</div>

> [@pdallos](#):
>
> all my image files that are included in the RW file are jpg

The only image that is a jpg (any browser) is the banner.

 ![2021-09-05_10-07-55](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/a/fa17d9bf232d75a7554f7677be521d767b1c2fc0.jpeg)

The page is not a super heavy page (images 2.91mb, Total 2.29mb). Using optimized Jpegs would improve load time.

It looks fine on Firefox Developer Edition (92.0b9).

---

<div class="post-metadata">

**Author:** ![pdallos](https://avatars.discourse-cdn.com/v4/letter/p/54ee81/32.png) [@pdallos](https://forums.realmacsoftware.com/u/pdallos)\
**Post date:** [September 5, 2021, 5:58pm UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542/14 "2021-09-05T17:58:59Z")

</div>

Thanks Doug. I am a sculptor not a web developer and pretty naïve accordingly. How do I get the table that you included? And if I upload jpg files, how do they turn into png?

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [September 5, 2021, 7:05pm UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542/15 "2021-09-05T19:05:38Z")

</div>

Most browsers have a developer tools built in.

That screen shot is from Firefox, but Chromium (Majority of browsers) and Safari (although you have to turn it on in preferences) also have a similar screen in the tools.  
⌥Opt+⌘ Cmd+i will bring up developer tools in most browsers.

You will get a screen that opens at the bottom of the screen. This is from Microsoft Edge Developer (all chromiums will look like this).

 ![2021-09-05_11-52-09](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/7/07a68b2031250c7da4bec27f6f45a28cd1a426f7.jpeg)

You then will select the network tab choose Img, refresh the page once you make the selection.  
Once the page is refreshed you should get something like this:

 ![2021-09-05_11-57-58](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/4/e4477d4e974c7b9b2a4cc928670e74b833f818eb.jpeg)

> [@pdallos](#):
>
> And if I upload jpg files, how do they turn into png?

How did you upload them? Are these blocks plugin pages? I never used the blocks plugin (I own it but never even tried it). I use Stacks for about everything.

Well there is nothing I’m aware of that will do that, unless it’s something that blocks does.

---

<div class="post-metadata">

**Author:** ![pdallos](https://avatars.discourse-cdn.com/v4/letter/p/54ee81/32.png) [@pdallos](https://forums.realmacsoftware.com/u/pdallos)\
**Post date:** [September 5, 2021, 7:57pm UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542/16 "2021-09-05T19:57:10Z")

</div>

Thanks Doug. I looked at all the pages as you suggested and indeed all image files are png. Except the last page “Catalog,” which is the only Stacks page. There everything is jpg. Now I uploaded the images by simple drag and drop to the appropriate positions, those were all original jpg files. A built-in gremlin for sure.

Should I just make all pages Stacks?

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [September 5, 2021, 9:26pm UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542/17 "2021-09-05T21:26:06Z")

</div>

> [@pdallos](#):
>
> Should I just make all pages Stacks?

I would go stacks all the way. I honestly bought the YourHead plugin Package years ago when I started with RW. I never even use blocks.

I had deleted it, but just reinstalled it and did a quick test (took me a bit to figure it out).

Blocks Plugin seems to convert jpegs to png when you drag them onto the page.

I know little about Blocks Plugin, so maybe there is away not to do that?

But I think you would be much better off using stacks for everything you can. Especially since you own it already. It’s much more flexable and allows you to do fully responsive designs.

---

<div class="post-metadata">

**Author:** ![pdallos](https://avatars.discourse-cdn.com/v4/letter/p/54ee81/32.png) [@pdallos](https://forums.realmacsoftware.com/u/pdallos)\
**Post date:** [September 5, 2021, 9:41pm UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542/18 "2021-09-05T21:41:52Z")

</div>

I am grateful for you taking time with my problem. Best, Peter

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [October 6, 2021, 7:42am UTC](https://forums.realmacsoftware.com/t/website-looks-different-in-firefox/40542/19 "2021-10-06T07:42:37Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
