Full width divs with bg img

[papaspot]

Hi all,

I just joined, so forgive me if this seems like a stupid question, I’m an HTML coder (self taught) and don’t understand CSS & Javascript much at all.

I’m trying to do full width background bars like you see on the vimeo.com homepage (before you login). This has had me stumped for months now and I cannot seem to find an answer, or at least one I can understand and make work.

Thanks in advance for any help

[Paulie_D]

Without knowing exactly what you are after it’s hard to help.

All divs are 100% wide unless told otherwise so I’m wondering if you have some sort of centered wrapper with a set width?

If you want something to be 100% wide, just take it out of the wrapper.

This might help you visualise what I mean

http://codepen.io/Paulie-D/pen/oGKtA

[nigelc]

Papaspot is using Serif Web Plus which is a WYSIWYG get editor. This program creates a fixed width wrapper within which the page objects are displayed.

[Paulie_D]

I have no idea how you would know that but that’s the only way I know of.

[papaspot]

Thanks Paulie, that is exactly what I was going for. So, I’m guessing that I can name the divs anything I want and match them with the corresponding css?

Also, how would I replace the div bg color with a repeating background image?

Thanks for the help guys

[Paulie_D]

Yeah, you can call the divs anything you like.

A repeating background image is basic CSS.

https://developer.mozilla.org/en-US/docs/Web/CSS/background-image

[nigelc]

This thread on the Serif Community forums was a bit of a give away:

https://community.serif.com/forum/webplus/11233/how-to-display-full-width-containers-or-divs

Like to keep up to date with what’s happening and where.

[Author]

Posts