how to make sidebar and main content independent?

Hi,

I am using the Andreas01 theme for my new revolution site, with some change.
The most important is I added jquery and jquery-ui script to have tabbed content in a page. The problem is that the "header" of the tabbed content spans depending from the sidebar’s height as you can see in the 2 images added below.

My question is now: is there a a workaround to make sidebar and content independent so that i can have the tabbed content with a normal header and a the sidebar on the right side as i like?

I guess maybe is a querstion of styling the css but i am not sure.

Thansk

Enumaelis

Do you have them in separate <Div’s>? It almost seems like their in the same div, or even within the same <p> callout. If they are in separate div’s. Have you defined a height for your header? Is it’s position relative or is it floating? You will be able to lock the headers position with the proper css. I’d have to see it to help further.

Hi,

thanks for your answer. I changed theme with another one more elegant (in my opinion) and solved the problem but now I have two more questions:

I would like to have two or more panels on the right side using divs. but if I put another div after the first I get problems on the layout. I guess is a problem of CSS but I am not an expert on this and didn’t find any solution browsing.

The second problem is: I would like to have the news panel on the home page and in each section of the site a news panel related to that section. How do i do that? I suppose i should use some variable but I am not sure.
I add 3 files. The template I am using, the Css of the template and the home page. Can you explain me where is the problem?

Thank you in advance for your attention

Quote from: enumaelis at May 09, 2010, 02:28 AM

I would like to have two or more panels on the right side using divs. but if I put another div after the first I get problems on the layout. I guess is a problem of CSS but I am not an expert on this and didn’t find any solution browsing.

By 2 more panels, do you mean like the right section that says novita? If so, what happens with the layout? Do they not stay on the right side and shift left under the other sections? If that’s the case, there are many fixes, but it’s hard to advise without seeing what’s happening. As long as the middle section (the one with the main article text) has more height than the <div’s> on the right, they won’t shift position. Or, if your right side <div’s> have fixed heights (looks like they do), you could place all of your right side <div’s> inside of another <div> that also floats: right;.

Quote from: enumaelis at May 09, 2010, 02:28 AM

The second problem is: I would like to have the news panel on the home page and in each section of the site a news panel related to that section. How do i do that? I suppose i should use some variable but I am not sure.

You would probably wanna use the [!Ditto!] snippet, but if your getting your news panel content from an RSS feed, then you could use pieX or some other RSS Reader.

Quote from: enumaelis at May 09, 2010, 02:28 AM

I add 3 files. The template I am using, the Css of the template and the home page. Can you explain me where is the problem?

Not sure what you mean here??