- chaofengAsked on October 05, 2015 at 04:38 PM
I have a weird problem with the horizontal scrollbar, as there's always some extra empty space on the right of the form, even when the browser window is wider than the form width. I am not sure if this is because some of my own css code is messing up with the jotform css, could you please help me to take a look?
Here's a copy to my form:
Thanks a lot! As always!
- BenAnswered on October 05, 2015 at 05:51 PM
I took a look at your form Chao, and it seems that it is caused by the header at the top. Due to its position being absolute, the 100% width was relative to the window size, not to the width of its parent.
To fix this you should add the following CSS code to your form:
Do add it after all the other code in your forms custom CSS and let us know how it goes.
- JotForm SupportjonathanAnswered on October 05, 2015 at 07:30 PM
If you have responded to this thread recently, your latest response did not reach us.
Please click on this link http://www.jotform.com/answers/676709 and send your response again.
- chaofengAnswered on October 06, 2015 at 01:37 PM
You were right, it is the 100% width caused the problem. And thanks a lot for the code. Your fix works well!
I just got another small issue with the header: when loading the form, the header will always be left-aligned to the left edge of the input field divs, rather than the edge of the whole page as I hoped. This might have something to do with the position setting "position: absolute" again, but I'm not really sure. Can you help me to take a look for this too?
Thanks as always!
p.s. my early response was not posted somehow so I'm writing again. Thanks!
- BenAnswered on October 06, 2015 at 02:52 PM
You are welcome Chao, I am glad to hear that :)
Now in regards to the heading alignment, I have moved this to a new thread here: http://www.jotform.com/answers/677354 for you and we will help you sort it out there shortly :)