Form Builder Files Messing up my css...

User 187934 Photo


Senior Advisor
20,196 posts

I'm 1600x900 on the resolution. I should not see a scroll with that.:/
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 403674 Photo


Registered User
26 posts

Eric: Thanks for pointing out the scroll. I did not notice that. My H1 and H2 widths were set at 1300 px and I changed them to 960. Please let me know if that helps. I no longer see the scroll on my 17 inch laptop and the site now centers on my iPad.

Unfortunately, it has not resolved the issue of the form. I am especially concerned about the effect it is having in Opera. Has anyone had the chance to view the view in that browser?

Thanks to both of you for your help.
User 187934 Photo


Senior Advisor
20,196 posts

So it's the large shift down that you must be talking about.
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 403674 Photo


Registered User
26 posts

Yes. And when you click on the any of the buttons at the top of the page it takes you to the "Contact" page.

Did the scroll issue get resolved?

I really appreciate the help.
User 187934 Photo


Senior Advisor
20,196 posts

The horizontal scroll is gone.:)
Take a look at this div.
<div id="logoTxt">
<h1><span>How to Hire a Ghostwriter</span></h1>
<h2><span>Hire a Writer/Ghostwriter</span></h2>
</div>

In your css it's smaller then the elements inside. Also your using absolute positioning. Might be a reason for the problem.
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 403674 Photo


Registered User
26 posts

I'm not sure I understand what you mean by "it's smaller than the elements inside." Do you mean the width of the span, or is it something else?

To my newbie eyes, it looks like the page is trying to load something.

I have used @font-face for the embedded fonts, but that is the very last line on my style sheet. Would that make a difference? Does it matter where that is placed?

Thanks for the input.
User 403674 Photo


Registered User
26 posts

After trying a few things I don't think the issue is caused by the form. There must be problems with my stylesheet. Should I post this in a diffferent forum for help with that issue? Thanks again for your help.
User 187934 Photo


Senior Advisor
20,196 posts

Try duplicating the page but remove the form to test if it still has the same problem.:)
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 403674 Photo


Registered User
26 posts

Hello: I removed the form code but it did not make any difference. I did find another issue in my code (I had used "span" to cover both H1 and H2 headers) and after removing that every page in Opera is now behaving oddly. The header drops down and the buttons are not functioning properly. It seems to render properly in all of the other browsers, except for the right shift on the contact page. All of my pages and the stylesheet have been verifed as compliant at w3.org.

I think there must be a problem in my stylesheet but can't figure out what it is. Any help, advice, suggestions, etc would be greatly appreciated.

Here's the link for any newcomers walterbjenkins.com.

Thanks for your time. Have a great day.

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.