Grow your CSS skills. Land your dream job.

CSS Can you help me find the bug?

  • # May 15, 2013 at 11:52 am

    http://www.thenaturalcottage.com The main body is pushing the sidebar down below and the links are moving over 20 px but I can’t find where I have it wrong. The bug is in test.css under view source.

    # May 15, 2013 at 12:00 pm

    You haven’t floated the main body (#main) but i think it will cause some issues if you do.

    It kind of depend on what it’s supposed to look like…and we haven’t seen that yet.

    Offhand, I think some HTML restructuring is required.

    # May 15, 2013 at 1:34 pm

    The About US tab has what the page should look like. That page works right except for the weird thing that is now happening with the links.

    # May 15, 2013 at 1:35 pm

    There is a float left on the text on the main. Would that do it?

    # May 15, 2013 at 1:40 pm

    I must have changed one setting in the css to get this glitch. But I didn’t notice it when I did it until a few hours later. I am just a web development college student so some things I am still learning.

    # May 15, 2013 at 2:15 pm

    > There is a float left on the text on the main. Would that do it?
    Yes, #main needs to float in order to have the sidebar float next to it, _unless_ you put the sidebar before #main in the html

    # May 15, 2013 at 3:05 pm

    No, it isn’t that setting in the main. Can’t seem to find what is wrong here.

    # May 15, 2013 at 3:28 pm

    @wolfcry911 is right. I think the quote just ended up going to far.

    Your text alignment isn’t an issue. It’s the floating of the container (#main) that is causing the issue.

    #main {
    width: 702px;
    border-right: 1px solid rgb(152, 152, 152);
    margin-right: 12px;
    z-index: 1;
    float: left; /* <


    This is what they were getting at */
    }

    It also looks like it happened because you deleted the CSS file from the Home page. It’s on the about us page.

    # May 15, 2013 at 5:03 pm

    Yes that float wasn’t the issue. Still not sure what the issue was but I am switching the css file to the About Us Page stylesheet to fix the problem temporarily. Home page now works as planned.

    # May 15, 2013 at 5:42 pm

    the about us page has an additional ruleset for #main that contains a float: left;

    # May 15, 2013 at 7:17 pm

    Yes, but that works well on the page. Where do I click Solved at?

    # May 16, 2013 at 4:24 am

    > Yes, but that works well on the page. Where do I click Solved at?

    just edit the post u posted and ull get it

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".