Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 21, 2013 at 6:38 pm #191553
    der_mueller

    Hi, i got some pages with less content. So the footer/socket ist displayed very big (height)..
    How do i fix this, that the socket, i just want to show the socket, has only a fixed height at the bottom.

    I´ve read some articles with no help, just the advice to get some professional coding help.
    But for a popular theme like this, this has to be integrated or at least there has to be a solution.

    Cheers,
    Markus

    November 22, 2013 at 6:21 pm #191939
    Josue

    Hi Markus,

    Can you post the link to your website please?

    Regards,
    Josue

    November 23, 2013 at 7:16 pm #192308
    der_mueller

    Hi Josue,
    the url is: polyscale.m3ms.de

    Cheers,
    Markus

    November 24, 2013 at 4:40 am #192398
    Josue

    Hey Markus!

    Add this code to the Quick CSS:

    .entry-content-wrapper {
    min-height: 500px;
}

    Cheers!
    Josue

    November 25, 2013 at 1:51 am #192700
    der_mueller

    Hi Josue,
    this works a bit, but can´t be the last solution for that problem. :-)

    Is there a chance to get this “responsive”?
    For a display with 1024×768 500 could be fine, but for a resolution with 1920 x 1200 a min-height of 500 is to less.

    With a function you can get the actual resolution and with that information there has to be a way to get this.
    For example:
    Get Resolution –> Result is 768 –> min-height=(768-(header-height)-(footer height))
    Could this be a way to do?

    Cheers,
    Markus

    Cheers,
    Markus

    November 25, 2013 at 2:10 am #192712
    Josue

    Hi!

    Add this too:

    @media only screen and (min-width: 768px) {
 .entry-content-wrapper {
    min-height: 900px;
 }
}

    Cheers!
    Josue

    November 25, 2013 at 11:35 am #192877
    der_mueller

    Hi Josue,
    that works good,
    made a lot of queries with different max-heights. :-)

    For others who want to get the footer always shown:
    …..
    @media only screen
    and (min-height : 1200px) {
    .entry-content-wrapper { min-height: 875px; }
    }
    @media only screen
    and (min-height : 1250px) {
    .entry-content-wrapper { min-height: 925px; }
    }
    ….

    Just change the min-height of the content-wrapper to fit your sysrtem.

    November 25, 2013 at 11:38 am #192879
    der_mueller

    But right now i got 14 queries.
    Wouldn´t it be easier and better looking with a function that queries the actual media-height and then sets the content-wrapper to (nedia-height-(header+footer-height)?

    Cheers,
    Markus

    November 26, 2013 at 9:19 am #193293
    Dude

    Hi!

    Unfortunately you can’t do such a calculation with css code. It would require js/jquery calculations and the disadvantage would be that it causes some sort of stutter/page shift when the page loads and the browser executes the js code whereas the css code kicks in immediately as soon as the other styling code is loaded.

    Cheers!
    Peter

    November 26, 2013 at 9:22 am #193295
    der_mueller

    Hi Dude,
    so i have to live with that mass of css queries.
    THank you.

    Cheers,
    Markus

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Footer / Socket at the bottom’ is closed to new replies.