Why does my site preview differently...

User 2119480 Photo


Registered User
78 posts

I have just designed a site using RSD for the first time and am quite pleased with the outcome, except when I preview the site. In Google Chrome it looks perfect but in IE some of the columns don't line up together. I have descriptions in one column and a paypal button script in the column next to it. There are 6 rows of these and I have adjusted height, padding and margins to a common size that allows all to fit - ot looks great on screen in RSD and in GC, but rows are different heights in IE, making the row layout a bit off.
Is there an easy fix I am missing for this? Or do I have to tell everyone to use GC :)
Pt Augusta
South Australia
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

Hi Tony,
Can you share a link to your page so we can take a look at the issue?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2088758 Photo


Senior Advisor
3,121 posts

Tony wrote:
I have just designed a site using RSD for the first time and am quite pleased with the outcome, except when I preview the site. In Google Chrome it looks perfect but in IE some of the columns don't line up together. I have descriptions in one column and a paypal button script in the column next to it. There are 6 rows of these and I have adjusted height, padding and margins to a common size that allows all to fit - ot looks great on screen in RSD and in GC, but rows are different heights in IE, making the row layout a bit off.
Is there an easy fix I am missing for this? Or do I have to tell everyone to use GC :)


Hi Tony, I agree we need to see a link to the website it will help us determine if there is a fix.

Or do I have to tell everyone to use GC :)


Better yet tell everyone to stay 1000 miles away from IE :cool: its a web designers worst enemy. Maybe Microsoft will comply to web standards some day.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 515127 Photo


Registered User
116 posts

Tony wrote:
I have just designed a site using RSD for the first time and am quite pleased with the outcome, except when I preview the site. In Google Chrome it looks perfect but in IE some of the columns don't line up together. I have descriptions in one column and a paypal button script in the column next to it. There are 6 rows of these and I have adjusted height, padding and margins to a common size that allows all to fit - ot looks great on screen in RSD and in GC, but rows are different heights in IE, making the row layout a bit off.
Is there an easy fix I am missing for this? Or do I have to tell everyone to use GC :)


I have encountered a couple very frustrating issues similar to what you describe, involving missing or misaligned tags. Once my fault, once RSD did it. After going through everything else I could thing of, I loaded the offending page into a programming editor that supports closing sections of the page by clicking on - or + symbol to the left in the margin next to the tag. I use UltraEdit by IDM but there are other editors that can do this. Not, sad to say, Coffee Cup's HTML Editor.

Going from tag to tag - all of a sudden one segment of the page didn't 'close' the way I anticipated and at that point, I was able to identify a missing </div> in both cases. On the one that RSD's pointers somehow mangled - I exported it again, problem remained, edited the page area (killed the row containing the problem and reconstructed it), resaved/exported and all was well.

For some reason GC & Firefox rendering of the pages didn't 'break' on the 'bad html' but IE did.
User 2119480 Photo


Registered User
78 posts

The site I have created:
http://www.portelliotboatcaravanstorage … kings.html

It is the blue background behind the first two Paypal plans on this 'booking page' - they don't line up in IE - they are ok in GC.
Any suggestions would be greatly appreciated as I am not much of a 'techie' - I've checked and checked and I don't think I could find the problem, even it is a simple one - I've spent too much time looking and will probably miss even the most obvious! errors now.
Pt Augusta
South Australia
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

I would fix these errors and see if it cures the issue.
https://validator.w3.org/nu/?doc=http%3 … kings.html
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2119480 Photo


Registered User
78 posts

Eric Rohloff wrote:
I would fix these errors and see if it cures the issue.
https://validator.w3.org/nu/?doc=http%3 … kings.html


Hi Eric - thanks for taking the time to help.
I went to the error page and saw the errors, each numbered and highlighted in yellow - I figured out how to show the 'source' and read the page code. The source also highlighted the errors in yellow. To fix, should the yellow sections be deleted?
How do I actually fix the errors and with what software?
I can open the files in a code editor on my server - is that where I fix the errors, or should I fix them before uploading?
Regards
Tony
Pt Augusta
South Australia
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

You can fix the border error on the paypal button images by removing it from the code you placed in your html elements then use an extra style sheet reference to add the attribute back using CSS.
The header error can be fixed by changing the div type within RSD. The same goes for the main error. Change the div type so you only have one of each kind of div tag. You can google search their proper use.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.