CSS Auto height problem form in banner | WordpressCSS 100% height with padding/marginCSS: Setting width/height as Percentage minus pixelsHow can I transition height: 0; to height: auto; using CSS?CSS - Expand float child DIV height to parent's heightAnimate element to auto height with jQueryHeight equal to dynamic width (CSS fluid layout)CSS background image to fit width, height should auto-scale in proportionCSS media queries: max-width OR max-heightdifference between css height : 100% vs height : autoposition fixed so that it moves other elements but also absolute so that it sticks to the top
When making yogurt, why doesn't bad bacteria grow as well?
What do I do when a crotchet is above a minim?
Why do we need explainable AI?
How to run a command 1 out of N times in Bash
Can an intercepting fighter jet force a small propeller aircraft down without completely destroying it?
Using font to highlight a god's speech in dialogue
What percentage of the mass/energy of the universe is in the form of electromagnetic waves?
How could reincarnation magic be limited to prevent overuse?
Easy examples of correspondence between global and local, as preparation for Gauss's theorem and Stokes's theorem
In mathematics is there a substitution that is "different" from Vieta's substitution to solve the cubic equation?
How can I oppose my advisor granting gift authorship to a collaborator?
What is a "fat pointer" in Rust?
Does immunity to non magical damage negate sneak attack damage?
If the UK government illegally doesn't ask for article 50 extension, can parliament do it instead?
Should the article "the" be used twice with a proper noun starting with "the"?
Is it rude to ask my opponent to resign an online game when they have a lost endgame?
Is there anything in the universe that cannot be compressed?
stackrel, vertical alignment and math operators
How do we know if a dialogue sounds unnatural without asking for feedback?
In chocolate terminology, what is the name of thinly sliced leaf-shaped toppings made from hot, smooth chocolate, used to form flower petals?
Can a country avoid prosecution for crimes against humanity by denying it happened?
Are there photos of the Apollo LM showing disturbed lunar soil resulting from descent engine exhaust?
Why not use futuristic pavise ballistic shields for protection?
slowest crash on the Moon?
CSS Auto height problem form in banner | Wordpress
CSS 100% height with padding/marginCSS: Setting width/height as Percentage minus pixelsHow can I transition height: 0; to height: auto; using CSS?CSS - Expand float child DIV height to parent's heightAnimate element to auto height with jQueryHeight equal to dynamic width (CSS fluid layout)CSS background image to fit width, height should auto-scale in proportionCSS media queries: max-width OR max-heightdifference between css height : 100% vs height : autoposition fixed so that it moves other elements but also absolute so that it sticks to the top
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I am trying to fix a height problem, there is a form with several steps inside a banner.
It turns out that the form uses ajax and it is not necessary to reload the web, then when the user goes to the next step, the form in step 2 is more extensive than step 1, so the height of the banner exceeds everything, even the footer is passed.
This is the url to test https://whole-souled-lee.000webhostapp.com/anunciate-1/
And this is an image to see what happend here.
Any help is welcome, thanks.
css
add a comment |
I am trying to fix a height problem, there is a form with several steps inside a banner.
It turns out that the form uses ajax and it is not necessary to reload the web, then when the user goes to the next step, the form in step 2 is more extensive than step 1, so the height of the banner exceeds everything, even the footer is passed.
This is the url to test https://whole-souled-lee.000webhostapp.com/anunciate-1/
And this is an image to see what happend here.
Any help is welcome, thanks.
css
meta.stackoverflow.com/questions/254428/…, How to Ask
– 04FS
Mar 28 at 8:07
add a comment |
I am trying to fix a height problem, there is a form with several steps inside a banner.
It turns out that the form uses ajax and it is not necessary to reload the web, then when the user goes to the next step, the form in step 2 is more extensive than step 1, so the height of the banner exceeds everything, even the footer is passed.
This is the url to test https://whole-souled-lee.000webhostapp.com/anunciate-1/
And this is an image to see what happend here.
Any help is welcome, thanks.
css
I am trying to fix a height problem, there is a form with several steps inside a banner.
It turns out that the form uses ajax and it is not necessary to reload the web, then when the user goes to the next step, the form in step 2 is more extensive than step 1, so the height of the banner exceeds everything, even the footer is passed.
This is the url to test https://whole-souled-lee.000webhostapp.com/anunciate-1/
And this is an image to see what happend here.
Any help is welcome, thanks.
css
css
asked Mar 28 at 2:13
SebastiánSebastián
104 bronze badges
104 bronze badges
meta.stackoverflow.com/questions/254428/…, How to Ask
– 04FS
Mar 28 at 8:07
add a comment |
meta.stackoverflow.com/questions/254428/…, How to Ask
– 04FS
Mar 28 at 8:07
meta.stackoverflow.com/questions/254428/…, How to Ask
– 04FS
Mar 28 at 8:07
meta.stackoverflow.com/questions/254428/…, How to Ask
– 04FS
Mar 28 at 8:07
add a comment |
2 Answers
2
active
oldest
votes
Trying adding this to your css file.
body.page-id-1001 div.banner
overflow:scroll;
How did you know that? awesome! thanks, Would there be a way to make the banner height dynamic?
– Sebastián
Mar 28 at 2:33
add a comment |
Viewing the html it seems that the div with the background does not contain the form div
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55389199%2fcss-auto-height-problem-form-in-banner-wordpress%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
Trying adding this to your css file.
body.page-id-1001 div.banner
overflow:scroll;
How did you know that? awesome! thanks, Would there be a way to make the banner height dynamic?
– Sebastián
Mar 28 at 2:33
add a comment |
Trying adding this to your css file.
body.page-id-1001 div.banner
overflow:scroll;
How did you know that? awesome! thanks, Would there be a way to make the banner height dynamic?
– Sebastián
Mar 28 at 2:33
add a comment |
Trying adding this to your css file.
body.page-id-1001 div.banner
overflow:scroll;
Trying adding this to your css file.
body.page-id-1001 div.banner
overflow:scroll;
answered Mar 28 at 2:27
shutupchigoshutupchigo
18911 bronze badges
18911 bronze badges
How did you know that? awesome! thanks, Would there be a way to make the banner height dynamic?
– Sebastián
Mar 28 at 2:33
add a comment |
How did you know that? awesome! thanks, Would there be a way to make the banner height dynamic?
– Sebastián
Mar 28 at 2:33
How did you know that? awesome! thanks, Would there be a way to make the banner height dynamic?
– Sebastián
Mar 28 at 2:33
How did you know that? awesome! thanks, Would there be a way to make the banner height dynamic?
– Sebastián
Mar 28 at 2:33
add a comment |
Viewing the html it seems that the div with the background does not contain the form div
add a comment |
Viewing the html it seems that the div with the background does not contain the form div
add a comment |
Viewing the html it seems that the div with the background does not contain the form div
Viewing the html it seems that the div with the background does not contain the form div
answered Mar 28 at 2:21
p1714825p1714825
464 bronze badges
464 bronze badges
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55389199%2fcss-auto-height-problem-form-in-banner-wordpress%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
meta.stackoverflow.com/questions/254428/…, How to Ask
– 04FS
Mar 28 at 8:07