Grow your CSS skills. Land your dream job.

Content sliding off page when adjusting browser

  • # April 30, 2013 at 8:26 am

    This is my first attempt at coding in html/css. I’ve been working on this for months and I’ve been learning as I go. I’m getting to the point where I have what want on here but I can’t seem to keep the content in this column. It seems to overlap/slide around or is too big depending on the browser zoom/size. Could someone take a look at this and perhaps point me in the right direction as far positioning? I’ve tried using em, % and floating and relative positioning.

    http://codepen.io/chrisbrennandesigns/pen/eogrC

    Thanks,
    Chris

    # April 30, 2013 at 3:01 pm

    Wow! Can you make that woman any larger? o.O

    To which column are you referring?

    # April 30, 2013 at 3:31 pm

    Is that site on the internet? can you link us to it? also you are not using codepen right. You included javascript code where the html goes.

    # April 30, 2013 at 4:02 pm

    http://postimg.org/image/uvxew83v9/
    Mottie this is how the woman looks on my screen. This is what I want and what I get when the page is viewed at 100% however it’s incredibly big when others are viewing.

    http://s15.postimg.org/ryrx1hut7/Screenshot_188.png
    When I zoom out in my browser or adjust the size it looks like this. The content slides out of place. I pulled this up at work later on a different monitor and everything was out of place even at 100%. I’m not sure what I’m doing wrong here as far using position attributes.

    Jarolin, I’ve looked at sites and have seen numerous examples of the java script in the html side as long as the code was put in between script tag plus it works fine in codepen. The site is only up on codepen.

    # April 30, 2013 at 4:21 pm

    You really need to post this online somewhere for anyone to have a proper look at how the site looks/behaves and the code.

    # April 30, 2013 at 5:21 pm

    Ah ha. I think I found the issue.

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

You must be logged in to reply to this topic.

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