Varied Views on Different Browsers

  • 0
  • 1
  • Question
  • Updated 4 days ago
  • Answered
I am working in the site and using Chrome and Mozilla to view the end result......   How can this issue be fixed? See photos for issue..... First photo is how Mozilla looks when the site is set (kind of) to fit Chrome (2nd Pic) and then 3rd what Chrome looks like when the site is set for Mozilla.  And why do I not see this issue ANYWHERE else in the website world? I use Homestead Sitebuilder on a desktop and have always used Mozilla as my viewing browser until recently when Google dictated httpS.


 
Photo of Peter0895

Peter0895

  • 1,586 Points 1k badge 2x thumb
  • Disappointed

Posted 4 days ago

  • 0
  • 1
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 17,168 Points 10k badge 2x thumb
It looks like it is that text box that is causing that issue. You have a bunch of empty space at the top and the bottom of the text box that each browser is reading differently. This isn't something we can control. Different browsers will interpret empty space like that differently. I would recommend editing that text box to not stretch the entire length of the page, but to just be as big as you need it to be to fix the text. This should resolve that issue.
I also recommend un-grouping all of your elements. Having them all grouped together like they are make it difficult to edit anything in the builder.
(Edited)
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 17,168 Points 10k badge 2x thumb
Since that text box was pretty difficult to work with, I actually helped you with this change. The site is showing up properly both on Chrome and Firefox on my end.
Photo of Peter0895

Peter0895

  • 1,586 Points 1k badge 2x thumb
Explain the second statement.  

I went in and separated the text from the text box and opened a new text element for the removed text. I then set the height of the original text box and set the new text box on top. 

I use the Index page as my template. If I make a site wide change to basic appearance, it gets done here. I then copy and paste the background, header, footer, nav, etc.... and plunk that into the other pages or use it as the template for a new page. You get the gist.

I wish to know what I'm working with and if I undo your changes, it won't screw me up. 
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 16,932 Points 10k badge 2x thumb
What you did should be fine. The textbox Text Copyright is the one that was causing issues. I see you separated the text from that, but left the text box there. My recommendation would be to delete it. Is there any specific reason you are keeping it in there?
Photo of Peter0895

Peter0895

  • 1,586 Points 1k badge 2x thumb
Yes.... I have that text box in place as it defines my "page" or outline of the page. A good example is pictured here.  Without it, I see everything floating in space.  The Index page you and I were tinkering with does not have the correct background color. The picture here does. It is slightly darker than the "page" text box and pops forward. I use the Text element because I can simply add a boarder and have an instant box. Lot easier for me than using the shape element.


Photo of Peter0895

Peter0895

  • 1,586 Points 1k badge 2x thumb
By the way..... I have been using SiteBuilder for 16 years now. I am confident I have a host of habits from years past that could be dropped for better practices and or tooling. 
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 16,932 Points 10k badge 2x thumb
I understand. You can certainly use a text box for that purpose, it does work. I have never worked with the downloadable builder, as it does not work on my computer, but in Sitebuilder Plus, there is an element specifically to add a border. You can change the color of the border and the border fill and send it to the back of all of your elements. That also sounds like it would work, but ultimately, do whatever is easiest for you.