MyBB Community Forums

Hello mybb. I want to move my panel outside the container and below my header. http://www.musictronica.co.uk/index.php

As you can see I have made a space to put the panel but can't fit it in.(I know I have to panels i'm just keeping the original whilst I place the new one where I want) I tried moving it up using css but that didn't work. Not sure if i did it properly.

Have you tried setting position:absolute and then float it?

---

Try this:

#panel {
    background: url("../../../images/trow.jpg") repeat scroll 0 0 transparent;
    border-radius: 15px 15px 15px 15px;
    color: #FFFFFF;
    left: -40px;
    margin: auto;
    padding: 9px;
    position: absolute;
    text-align: left;
    top: -90px;
    width: 95%;
}

It shows like this:

Open Header templates -> header

Find:

<div id="panel">
				{$welcomeblock}
			</div>

Move it above <div id="container">

Thanks alot. I'll try both and see which one works the best.

^ first try changing the html code then if required then adjust with simple css
( floating style through css should be used only when it is necessary )

Thanks guys It worked. Now i'm gonna edit the templates and css for it. :]

@ranjani, why do you say that? I have converted my entire postbit_classic from tables to div tags.. It even loads faster and seems more fluid, and more easy to adjust minor placement details.

^ in general, users first follow html code & later css style .
tracing div order should provide actual structure for better understanding !

Ah. That's true. It's much easier to change the placement of the block rather than to use absolute positioning

(2011-12-10, 06:23 PM)dzchimp Wrote: [ -> ]@ranjani, why do you say that? I have converted my entire postbit_classic from tables to div tags.. It even loads faster and seems more fluid, and more easy to adjust minor placement details.

Indeed, but that's not what OP wishes to do.

He just want the panel to be moved out of container and placed above it.

All you have to do it is move panel's code above container as i said. Floating it as you mentioned increases complexity.