Webpage not centering - Post ID 214305

User 2051159 Photo


Registered User
29 posts

Hi Eric,

I did as suggested and changed all of the div ids containing the word "container..." with "container2"

as you can see, it still has the same problem compared to the original page:

http://footballmanagermad.com/test_page.html

http://footballmanagermad.com/

Any ideas?

Thanks,

Matt
User 187934 Photo


Senior Advisor
20,271 posts

The problem is with this css link but it appears to be on another host. You'll need to copy the css and place it on your own host and change the link to point to yours. Next change the container to container2.
<link type="text/css" rel="stylesheet" media="screen" href="http://app.talkfusion.com/webform/application/css/wform.css">
Or remove the link above and place the code below in the header html tab of your html box.
<style type="text/css">
<!--
* {
margin: 0;
padding: 0;
}
#container2 {
width: 360px;
height: 480px;
text-align: left;
}
#banner {
position: relative;
width: 360px;
margin: 0;
display: none;
}
#form-builder {
position: relative;
width: 360px;
height: 480px;
margin: 0;
font-size: 14px;
font-family: Helvetica Neue, Arial, Helvetica, Verdana, sans-serif;
}
#form-builder .powerd {
position: absolute;
width: 100%;
height: 48px;
left: 0;
bottom: 0;
background: transparent url(/webform/images/t81.png);
text-align: center;
}
#error {
color:red;
font-size:10px;
display:none;
}
.needsfilled {
background:#ff6600;
color:#ffffff;
font-size:10px;
margin-left: 4px;
}
-->
</style>
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 2051159 Photo


Registered User
29 posts

Hi Eric, thanks for your response. I tried the second option you suggested, it did correct the page centering but also spread the boxes and text from the form across the page.

Do you think the first option might work better? if so could you explain in a bit more detail how I would do it as my HTML knowledge is not that good.

Thank you :)

Matt
User 187934 Photo


Senior Advisor
20,271 posts

To use the second option, you would copy the css from the other host and place it on your own site. Then alter the css reference link to point to it. Are we still working with the same pages?
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.