Firefox vs IE Anomaly

  • 2
  • Question
  • Updated 10 years ago
  • Answered
I'm seeing an anomaly in IE that doesn't appear when I view my site in Firefox.
Aside from the lines of text being vertically closer together in IE than FF (minor issue), some pages have approx 1/3 to 1/2 of the extreme right characters of text missing. eg if a word ended in the letter 'b', the round bit is missing. If a full stop should be visible, it isn't. No more than 1 text box has been affected on any page, but in some cases all of a page's text is in 1 box. I've checked the html code between a working and non-working block (for IE) and the code appears identical.

When the affected pages load for the first time in IE you can see a strangeness occurring with the alignment: for a split second all the text is present, then it shifts fractionally rightwards and next thing it's partly missing on the extreme right.

I haven't published my site yet, I'm still building it.

Is there anything I should look for in the html? Or is it something else?

Help?
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
  • confused

Posted 10 years ago

  • 2
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Hi Paul

I will look into this. Can you tell me if you only noticed the problem in the last 24 hours, or if it was present before this?
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
Unfortunately this is the first time I've checked the site in IE, so I can't shed any light on the timing of the matter. I'm going to double-check some of the code, but I'm pretty confident it's the same between a 'correct' and 'incorrect' in IE.
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
Hey all

I worked through this one months ago. In my case I solved it by

1) Copying all the text from the text widget and pasting into wordpad or notepad
2) Highlight and copy the text once it's appears in the text document
3) Dragging a fresh text widget onto your page and paste the copied text into it
4) Click the "Remove Formatting" in the tool bar and then choose your font and size
5) Delete the old text widget
6) View your page

This often happened when I was using an non-internet friendly font in the site builder (copy from word or another) but I have had it happen other times as well and your description is spot on..

The solution for me was to remove the text from the site builder all together and unchain it from any of its past gremlins like above. It is worth a shot and it never failed me.

Happy site building
Ed
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
Not that simple I'm afraid.

Picture a Twin Column. Graphic in the left column. Text in the right.

I can get new text in (from scratch or done as you suggest), and all is well in IE.

But...

As soon as I put in a 2nd text box directly under the first (in the right hand column), and fill it with new text, the problem returns in IE - and the entire text (both boxes in the right hand column) are affected.
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
I've also noticed today that the menu tabs along the top have had their text changed. CAPS are gone. And font size is smaller.

???
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
You know Paul this sounds oddly familiar as well and I wonder if you happen to have any added code to your site in any form. As I recall I have had such a thing happen with a slideshow code as well as a widget from widgetbox affecting the text in several of my text widgets. I wish I could recall exactly but it has been so long ago...

Follow the above directions once more and then:

1) Try to separate the text widgets with a blank text widget between them.

or

2) Put a new two column widget below the first two column widget and separate the text widgets and images in this manner. So for each text widget it use the right side of a new and separate two column widget. This often broke the bonds between the two text widgets and whatever connection they had by alienating them form the other.

I would as well look for some code that may be on your page that may be affecting the text widgets in this manner. In my history with the site builder and all the content, widgets and miles of code I can say that the majority of the errors I had arise came from something that I included and weeks later added another code that interacted with the first.

Good luck
Ed

As to the Caps I have not gotten a clue my friend sorry... Did you happen to change styles because not all the styles font sizes are the same.
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
Ed
Is it worth me publishing the site as it is (about 50% complete and filled with a lot of stand-in graphics), so that someone at Synthasite can have a look at it.
I'm just not proficient enough with html code to know where to look?

Paul
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
As it stands, I can get that 2nd text box to work right up to the point when I increase the text size to the same as everything else. This results in it spreading onto a new line, as it did originally, and as it should. But as soon as it does, both text boxes become afflicted with this bug in IE.
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
The sad thing is that with code one has to go through this one at a time to locate the problem child and as the Reps are hard pressed for time with the current update I would firstly see if splitting them up with multiple two column widgets does the trick.

Hey Paul is this on the page with all the anchor links perhaps? If so, have you included them yet?

If you publish your site you can un-publish it just as fast. Post your URL and I will see what I can see....

Ed
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
I'll try the multi-2 column thing.

Re: which page, it's on more than half of them, some with anchors, some without.

If no success, I'll publish it.
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
Right, it didn't make any difference, so it's publish time.
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
Here's the url:

http://aconitejewellery.synthasite.com

I'll be keen to see what nasteez you find.

Thanks.

And remember, she works perfectly in Firefox. It's just IE that has some issues.

(although there is that matter of the change to the menu tabs along the top)
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
Affected pages are: Home, Necklaces, Earrings.

Then: one text box (Freshwater pearl pendant drops) in Pendant Styles - off the Necklaces submenu.
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hi Paul,

Been following this one and I see the problem you are refering to.
I get it as well with IE 6.0. (haven't upgraded yet) FF user me.

I'm going to leave this one to the experts, but just wanted to add
my two cents. If you had to reduce the image sizes on the left would that
not maybe make the text fit in on the right? You wouldn't have to reduce
the sizes by much it seems. Maybe just one of them by about a mil.

The template I'm using on one of my sites is Level 2.0, which is a fluid
width style and every change I make to the site, I have to tweak it slightly
to display correctly in both FF and IE, because I've found they both behave
slightly differently.

Anyway I was more intererted in seeing your site. I'm the local SynthaSite
talent scout didn't you know. Ha Ha.

Your site looks brilliant man, I hope you entered it in the Bestof Comp.
Well maybe not, who needs the extra competition. LOL

Love what you've done with the black banner using the Swanky template.
makes the whole top banner look back right across the screen and leaves
you with a nice white page below to work with .... nice.
Why didn't I think of that?

Your site looks really professional - can I include it in the website section
of my site?... or do you want to wait until its complete.
http://forsite.synthasite.com/website...
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
Hi Boomer

You're welcome to include it in your site, but it'll be up and down a bit for the next week until this is sorted. Thanks for the praise.

It's not the image size that's the problem. There's plenty of spare room on each side of it. And I'm using the same image in other 2-column set-ups above and below where everything works fine.

No this is something else...

Cheers.

PS I haven't entered into any comp, as it's not finished and I'm still very much a beginner at this. I do know a bit about art and design though. ;)
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
Actually, if you do include it on your site, could you just say it's a W.I.P.?
Photo of Marije

Marije, Official Rep

  • 4636 Posts
  • 237 Reply Likes
Hi Paul - can you try not justifying your text, change it to left-aligned to see whether that fixes the problem?
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
Hey Paul it's taking me some time as I am going through a bunch of code but you can do the following for the first page.

1) Drag a new text widget onto your index page
2) Copy the code between the <!-- & the --> below
3) Click once on the text widget to clear the temp text
4) With the text box still dark green - In the top site builder tool bar click the HTML button
5) In the pop up HTML box highlight all the content (Very little) and paste the following into its place
6) Click "OK"

<!--

<div id="I15" style="margin: 0px; display: block;" class="Text_Default"><div id="I15_sys_txt" class="sys_txt" style="margin: 0px; padding: 0px;"><font style="font-family: Verdana;" size="3"><span style="font-weight: bold; color: rgb(87, 87, 87);">Welcome to </span><span style="font-weight: bold; color: rgb(204, 0, 136); font-style: italic;">AconiteJewellery</span><span style="font-weight: bold; color: rgb(87, 87, 87);"> <span style="font-family: Georgia;">~</span> <span style="font-style: italic;">reflecting your inner beauty with our graceful and timeless designs</span>.</span></font><p><font style="font-family: Verdana;" size="3"><font style="font-weight: bold;" size="2"><span style="color: rgb(87, 87, 87);">Elegance handcrafted to last a lifetime </span><span style="font-family: Georgia; color: rgb(87, 87, 87);">~</span> <span style="color: rgb(204, 0, 136); font-style: italic;">Aconite</span><span style="font-style: italic; color: rgb(87, 87, 87);">'s</span><span style="color: rgb(87, 87, 87);"> unique range is created with the finest quality materials. The lustrous glow of freshwater pearls and the sparkling facets of Swarovski crystals combine with precious and hypoallergenic metals for beauty and durability.</span></font></font></p><p><font style="font-family: Verdana; font-weight: bold;" size="2"><span style="color: rgb(87, 87, 87);">Many of</span> </font><font style="font-family: Verdana; font-weight: bold;" size="2"><span style="color: rgb(204, 0, 136); font-style: italic;">Aconite</span><span style="font-style: italic; color: rgb(87, 87, 87);">'s </span></font><font style="font-family: Verdana; font-weight: bold; color: rgb(87, 87, 87);" size="2">designs are available to customise to your own specifications. We offer to incorporate your selected component combinations within our designs for personal creations that reflect your own individual style.</font></p><p><font style="font-family: Verdana; font-weight: bold; color: rgb(87, 87, 87);" size="2">Whether you are looking for elegant simplicity to wear every day or an accompaniment for a special occasion, we hope you enjoy our jewellery and the pleasure it will bring.</font></p><p style="text-align: right;"><font style="font-family: Verdana; font-weight: bold; color: rgb(87, 87, 87);" size="2">                     <span style="font-family: Georgia;"></span><span style="font-style: italic;">Kerri and Paul </span></font><font style="font-family: Verdana; font-weight: bold;" size="2"><span style="font-family: Georgia; color: rgb(87, 87, 87);">~</span> </font><font style="font-family: Verdana; font-weight: bold;" size="2"><span style="font-style: italic;"></span></font><font style="font-family: Verdana;" size="3"><font style="font-style: italic; font-weight: bold;" size="2"><span style="color: rgb(204, 0, 136);">Aconite</span></font><span style="font-weight: bold;"><span style="font-style: italic;"></span></span></font></p>
<div style="text-align: right;"><font style="font-family: Verdana;" size="3"><span style="font-weight: bold;"><span style="font-style: italic;"></span></span></font></div><font style="font-weight: bold; font-family: Verdana;" size="3"><br><span style="font-style: italic;"></span></font><br></div></div>

-->

Try that and let me know if it works fine in all browsers. (It does for me)

I have broken the bonds so to speak and you should be able to adjust the font size and colors.

I am off to sleep soon so I hope you can do it before I sleep

Ed
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
Ed, have you actually tried that yourself? I think you said you have, but I wanted to make sure b4 I go ahead.

I've been going through a few of the more recent pages I did, and there's nowhere near as much code. And it looks like some of my old Word.doc attempts have left unwanted crap too.
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
Marije

Interestingly, when I left align the text box that I've been using to work on this problem, it left-aligns for Firefox, BUT STAYS JUSTIFIED IN IE!!!
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
okay now I am getting some weird abnormalities in the text widgets gimme a little while to work through this... maybe 20min
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
Okay, I'll wait b4 I try that big copy/paste above.
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
Okay Paul I am sleepy and I have a quicker and simple fix for you

1) Go to http://roundedcornertest.synthasite.com/

2) Highlight one paragraph at a time and "right click" then "copy"

3) Drag a new text widget on your page and paste the copied text directly into the text widget

4) Delete the old ones

5) Update to view the text

As you see the text is the generally the same size and spaced from browser to browser.

I followed the steps above with copying into wordpad like I posted above after the code was going from text widget to text widget but as you see all 3 are on the same page and are the same size.

It was a slimy fish man...
Photo of Paul Caspall

Paul Caspall

  • 174 Posts
  • 4 Reply Likes
Thanks Ed

I think I'll have to give that a try tomorrow, as it's late here too.

Fingers crossed...

I'll let you know.

Thanks!

Paul
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
I added a different font on page 2 but you can change it to what ever font you like...

Late what are you talking about it's 5am here and I need to shut my eyes for a little while... ;)