The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Content not staying within container

  • # March 4, 2013 at 3:34 pm

    I’m not sure what is causing the content on [this site]( “”) to creep out of its container – please refer to the Case Study and Inspirations sections. For some reason its working on the mobile site but not the main site and I can’t see what the cause is. Thanks!

    # March 4, 2013 at 3:40 pm

    Works in Chrome.

    # March 4, 2013 at 3:47 pm

    I would say that those elements re-sizing causes the page to go up and down as they do.

    You might want to look into that.

    # March 4, 2013 at 3:48 pm

    >Works in Chrome.

    And FF

    # March 4, 2013 at 3:56 pm

    Works FIrefox

    # March 4, 2013 at 4:06 pm

    Really?? On my desktop and a friends iPad, the slider content (text and image) is extending the right boundary of the section container.

    The up and down movement is the fx resizing of the panel due to the different amounts of text which the client wants.

    Looks good on the iPhone.

    Thanks for looking!

    # March 4, 2013 at 4:27 pm

    >The up and down movement is the fx resizing of the panel due to the different amounts of text which the client wants.

    Oh…I know WHY it’s happening…it’s just super-annoying for the browser to be jumping up and down like that.

    Poor UX IMO

    # March 4, 2013 at 4:43 pm

    I think you’ve misunderstood me. Ive not asked about anything to do with the vertical aspect only the horizontal. I DON’T know why the slider content is overextending the RIGHT side of its container. Thanks for looking.

    # March 4, 2013 at 4:48 pm

    Ahhh….tried resizing the browser.

    Your slider images aren’t resizing/scaling at lower widths…I think there’s a fix for that if I can find it.

    If that’s what you want.

    # March 4, 2013 at 4:57 pm

    Would be grateful. Confused as to why it works on a phone and not on an iPad or a laptop. Thanks

    # March 4, 2013 at 5:27 pm

    Looks to me like the slider panels are making themselves 485px wide. Not sure what’s doing that. Maybe the image size? Or is there somehwere else where anything slider gets its width from?

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed