3 {{ upvoteCount | shortNum }}
3 {{ upvoteCount | shortNum }}

CSS 100% Width Issue - Video

by Big Squid
2 replies
  • WEB DESIGN
    • |
I've been looking for a solution to 100% Width Headers...when the browser is too narrow the header is still 100% of the browser width, but the background image does not continue once the user scrolls horizontally.

I've made a video clarifying my question here.

Thanks
#100% #css #issue #video #width
  • Profile picture of the author Istvan Horvath
    Without seeing the code nobody will be able ever to tell you what the problem is.

    Normally, you shouldn't define the width of a bg image. That's what I heard in the video... although my auditive memory sucks.

    Next, who knows what kind of divs are around that image... there is definitely a body, then some kind of "wrapper" type div (I assume) - what else?
    How are the dimensions of those defined? Percentage or absolute numbers (px)?

    Summary: one needs to see the code, not your video.
    Signature

    {{ DiscussionBoard.errors[3786211].message }}
  • Profile picture of the author ezbiz
    I just looked at your code/css. There's a bunch wrong. Sorry! You're stacking the tags wrong and not wrapping correctly. For your header, "id top" set the width to 1800px wide will fix that header issue. I would recommend Google searching on how to stack and wrap divs with columns using css tutorials. Do some reading, You're almost there.. Good luck!
    Signature
    Build Instant Mobile Sites with MyMobi Builder - Easy As WordPress
    Mobile Website Builder
    {{ DiscussionBoard.errors[3788294].message }}

Trending Topics