Positioning a "announcement" relative creates huge gap?

[lualord]

So I'm making an announcement system where I edit the HTML and a big bar announcing whatever comes up. Problem is, it overlaps stuff so I set position relative to be able to use margin. Then, a big gap appears at the top of the website even though there is nothing there. If I set it to absolute, it fixes it but then I cannot use margin and the elements overlap. This is becoming really irritating please help.

[Former Member]

A link to the problematic page would help! =)

[lualord]

Dec 3, 2013 19:16:50 GMT -8 ₪» ⅀ ƪ Ƒ «₪ said:

A link to the problematic page would help! =)

Basically every page I think, modernnation.boards.net/page/home

[Former Member]

Hmm, you could move the ad to the top of the forum, if you'd like. I don't think you need to define its position to use margin, at least I never have found it necessary though I could be wrong. Just putting it point-blank into the global header should get the effect you want without the need for anything further. Can you copy/paste the code here if neither of these suggestions help/work?

[lualord]

Dec 4, 2013 13:30:14 GMT -8 ₪» ⅀ ƪ Ƒ «₪ said:

Hmm, you could move the ad to the top of the forum, if you'd like. I don't think you need to define its position to use margin, at least I never have found it necessary though I could be wrong. Just putting it point-blank into the global header should get the effect you want without the need for anything further. Can you copy/paste the code here if neither of these suggestions help/work?

I'm not sure how to move the ads. Also, I used to use global header but it got really messy since it was just plain text not an HTML editor. 

HTML:
<div>

<p class="notif">Test</p>

</div>

CSS:

.notif {color: #FFFFFF; font-family: 'Roboto', sans-serif; background-color: #18DC01; text-align: center; padding: 8px; width:89%; display: inline-block; position: relative; top: 220px; left: 80px;}


[Former Member]

You shouldn't need positioning. When you put it into the header, it automatically goes underneath the logo. Otherwise you could put it into the Home or Forum Wrapper layout template and, again, it'll show up exactly where you want it. To move the ad, there's a Plugin for that

[Kami]

Dec 4, 2013 16:01:03 GMT -8 ₪» ⅀ ƪ Ƒ «₪ said:

You shouldn't need positioning. When you put it into the header, it automatically goes underneath the logo. Otherwise you could put it into the Home or Forum Wrapper layout template and, again, it'll show up exactly where you want it. To move the ad, there's a Plugin for that

I just want to clarify something.

You are not allowed to move the google ads. That's against PB tos.

The plugin that is being referred to in this post moves the /welcome table/ to be placed below the ads, and not the ads to be above the welcome table.

I know this seems pedantic, but it's an important distinction to make TOS wise.

[Former Member]

Ohkay, thanks for posting the clarification.

[lualord]

Dec 4, 2013 16:01:03 GMT -8 ₪» ⅀ ƪ Ƒ «₪ said:

You shouldn't need positioning. When you put it into the header, it automatically goes underneath the logo. Otherwise you could put it into the Home or Forum Wrapper layout template and, again, it'll show up exactly where you want it. To move the ad, there's a Plugin for that

Without positioning and at forum wrapper, it shows at top of the page.

[Former Member]

Where are you putting it in the forum wrapper?

[lualord]

Dec 4, 2013 19:36:58 GMT -8 ₪» ⅀ ƪ Ƒ «₪ said:

Where are you putting it in the forum wrapper?

I think I see my mistake, I put it at the very top. Where should I put it?

[Former Member]

It'll automatically position itself where you currently have it if you put it into your Admin > Structures > Header/Footers > Main Header or, if you want it to show up on every page and not just the homepage, Global Header. =)

[lualord]

Dec 5, 2013 10:47:14 GMT -8 ₪» ⅀ ƪ Ƒ «₪ said:

It'll automatically position itself where you currently have it if you put it into your Admin > Structures > Header/Footers > Main Header or, if you want it to show up on every page and not just the homepage, Global Header. =)

Thank you very much but what I mean is I want to put it in forum wrapper because it is an HTML editor so it is a lot more easy to edit. (I have trouble editing global header since it gets messy)

[Former Member]

Alrighty then in your forum wrapper find $[header] and put it directly under that =)