Site is cut in half

  • Resolved noshitnews

    (@noshitnews)


    13 years, 3 months ago

    My website noshitnews.com is only showing the top half of the page. As soon as you scroll down the footer shows up where the middle of the page should be and then the page “ends”. I literally changed nothing to the look of the site before this happened. I have only been adding posts as usual.

    I am using the NowNews theme from StyleWP. This problem occurs in all browsers. Any insight as to the cause of this problem would be much appreciated.

Viewing 15 replies - 1 through 15 (of 15 total)
  • Moderator t-p

    (@t-p)

    have you validated your site: https://codex.www.ads-software.com/Validating_a_Website

    Thread Starter noshitnews

    (@noshitnews)

    I did not validate it before when it was working fine. However, it does not validate on the W3C validating sites for HTML & CSS. Any other ideas?

    The problem starts with an entry in the #contentwrapper element in your CSS file. You have declared: overflow: hidden;

    That is causing your site to cut-off at the bottom of the browser window.

    I would suspect the two footers and/or css styles footer-left and footer-right.

    That would do it also!

    open structure.css file.

    remove this line

    height: 100%;
overflow: hidden;

    in #container {

    }

    and
    change margin: 0; to margin: 0 auto;
    in #footer {
    }

    Thread Starter noshitnews

    (@noshitnews)

    What’s crazy is that I haven’t changed any of the files in this theme. Will give these suggestions a try and report back to you. Thanks for all the help. I really appreciate it.

    Thread Starter noshitnews

    (@noshitnews)

    Changing the overflow property in the #container & #contentwrapper styles to “visible” solved the cut off problem. Deleting either one of them made it look even crazier. There is no #footer in my structure.css file.

    New problem. If you take a look, you will see that the footer is still in the middle of the page where the old page “ended”. Let me know what I can tell you to make solving this problem easier. I appreciate all the help.

    #footer {} is in footer.css line 9

    check : nownews-theme/assets/css/

    and remove
    height: 100%;
    from
    .content-left , .content-right and #column-split

    Thread Starter noshitnews

    (@noshitnews)

    That didn’t work, but then again I don’t have those specific tags. I have .footer-left {width: 475px;height: 100%;padding: 0px 0px 0px 0px;margin: 0px 5px 0px 0px;float: left;}

    .footer-right {width: 475px;height: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 5px;float: left;text-align: right;}

    Even adjusted those and that didn’t work. Just want to reiterate that I am using the NowNews theme in case that is getting in the way of solving this problem.

    yes, of course.

    you have to remove
    height: 100%;
    from
    .content-left in structure.css , line 21
    .content-right in structure.css , line 29
    #column-split in structure.css , line 37

    then
    change margin: 0; to margin: 0 auto;
    in #footer => footer.css , line 9

    Thread Starter noshitnews

    (@noshitnews)

    Awesome. That worked for pushing the footer back down and back to the middle. Although now there are these huge gaps in the page. It seems to never end! Hehe. Much appreciated kind sir.

    remove
    height: 100%;
    from
    .shaded in custom.css (line 324
    .split-left in structure.css (line 46
    .split-right in structure.css (line 54

    i think, it will be end here.
    ??

    https://www.w3schools.com/css/
    will help you more

    Thread Starter noshitnews

    (@noshitnews)

    Thank you! That worked brilliantly. You’ve done me many kindnesses. I owe ya one. Maybe I’ll credit you in a future no shit news article. What’d you think of the site by the way?

    you are welcome.
    ??

    please mark your topic as “Resolved”. Thanks

    https://codex.www.ads-software.com/Forum_Welcome

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Site is cut in half’ is closed to new replies.