How do i put transparent spaces between posts?

[captainkb]

Apr 17, 2014 12:24:57 GMT -8 Brian said:

Your background behaves the same on both PC and phone here.

Any white space around the background image would be due to differences in resolution between both devices. For example, there's white space around the image on the PC I'm currently on because my screen resolution is set to 1680 x 1050, while your background image is 1600 x 900, which is smaller.

Thanks for the quick response


But the background scrolls on a computer but not on my mobile device. Not even when I switch from mobile view to desktop view. Even if it was a resolution thing causing te white areas that doesn't explain why the background doesn't scroll with the page.

[Brian]

Apr 17, 2014 13:36:36 GMT -8 captainkb said:

Apr 17, 2014 12:24:57 GMT -8 Brian said:

Your background behaves the same on both PC and phone here.

Any white space around the background image would be due to differences in resolution between both devices. For example, there's white space around the image on the PC I'm currently on because my screen resolution is set to 1680 x 1050, while your background image is 1600 x 900, which is smaller.

Thanks for the quick response


But the background scrolls on a computer but not on my mobile device. Not even when I switch from mobile view to desktop view. Even if it was a resolution thing causing te white areas that doesn't explain why the background doesn't scroll with the page.

That sounds more like a problem with how your mobile browser renders fixed backgrounds.

Backgrounds are specified in an HTML document with only a small amount of CSS code. This is literally the only way to do it the way it is on your forum, and it's one of the most simple bits of CSS out there (not to mention it's used universally on every site ever with a background), so there's no possible way the code that adds the background is broken.

body {
    background-image: url(URL TO IMAGE);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

It's working on my device and in its native PC environment.

[captainkb]

Odd, i know the bethesda forums for "Skyrim" has a fixed background and that works fine on my phone, but my forum with a fixed background doesnt work on my fine... just odd i guess

[captainkb]

Apr 16, 2014 10:53:40 GMT -8 Joachim said:

captainkb, skim a bit further down the linked thread, you'll find out that Chris answers that very question with the necessary code (it's this particular post).

one final question, promise. i'm having trouble finding out where i throw this in: 
{foreach $[post]}

<div style="height: 15px"></div>

<div class="container">

<br />

<div class="title-bar">

do i REPLACE the first part or ADD that in after. I tried adding it in afterwards and it seriously screwed up my threads haha.

[Joachim]

From what I'm seeing in the posts, essentially just add the second line: <div style="height: 15px"></div> -- between {foreach $[post]} and <div class="container"> and that should do it.

At least I hope, I'm no coder and I suck at CSS but I try to read a whole lot between the lines when I can.