<div> right of wrapper

[12年前 に Victor Pettersson によって更新されました。]

Hi,

<div> code in portal_normal.vm

<div id="sponsor">
content
</div>

css code in custom.css

#sponsor {
 float: right;
}

This place the <div> with wrapper measurements.

I want to create a div which is right of wrapper like this

http://www.greviegik.se/

A "standalone" wrapper.

[12年前 に David H Nebinger によって更新されました。]

The only thing that makes it on the right in the referenced URL is the fact that the structure there is tables & rows, and the row w/ the ads is the right most row. There's nothing magical about their layout, you could do a 70/30 layout and get the same thing without doing a line of theme coding...

[12年前 に Victor Pettersson によって更新されました。]

Thanks for your answer,

I meant the ads to be outside the 70/30.

[12年前 に David H Nebinger によって更新されました。]

Well that you will have to do in the theme, but you'd have to embed the portlet that is supposed to be on the right hand side.

In portal_normal.vm, you'd add your div outside of the wrapper, such as:

<div id="sponsor">
</div>
<div id="wrapper">
</div>

Then your CSS should make it float on the right of the wrapper.

[12年前 に Victor Pettersson によって更新されました。]

I tried that, but the site behaves like this..
Notice the gap between the menu and content.

[12年前 に David H Nebinger によって更新されました。]

So you're looking at CSS issues, not Liferay issues.

Your display for the div is probably set to block which will affect the underlying area.

[12年前 に Victor Pettersson によって更新されました。]

Okay, thanks!