Why does all my content drop below sidebar last?

I have the same thing, but only with panel pages.

Hi,

What I did is set fix width for the content and last sidebar.

May I know have you use any WYSIWYG editor?

No, I don't use any WYSISYG editor

Hi,

May I know what is on your first sidebar or left sidebar in the previous attached image? Is it Panel or Views? I worry that is the problem with Views or Panel.

The same one is my problem. All remarks get to the bottom of the content.

Hi all,

Sorry, I couldn't sort out the exact problem, but I do suspect that it's the matter of width percentage and pixels. As if you check, the three column layout sidebar first is 240pixels, and sidebar last is 280pixels, but the center content doesn't specify width. And, it's also matter of clients' screen resolution.

Don't forget, each of them still have margin of 20pixels. What I did is specify fixed width for each column.

The problem is, the center column doesn't specify width, so it will grow, and push the sidebar last to bottom.

Hi,

What I did is set fixed width for all three column, either by percentage or pixels. I can help or guide you that, but hope you spend some patient on me. We'll slowly sort it out the problem, is it OK for you?

Since you never modify the theme, I think percentage suit you better.

Hi,

I would always love to help!

I think never mind for your email, we can make use here and I also can use contact form. Let's straight away get into the topic, and sort out the problem quick.

What I do is here:
/**********************************/
/* THREE COLUMN LAYOUT */
/* (Sidebar:Main Content:Sidebar) */
/**********************************/

body.layout-first-main-last #sidebar-first {
float: left;
margin: 10px 10px 0 0; /* margin: 20px 20px 0 0; */
overflow: hidden;
width: 21%; /* width: 240px; */
}

body.layout-first-main-last #content-wrapper {
float: left;
margin: 10px 10px 0 0; /* margin: 20px 0; */
overflow: hidden;
width: 54%;
}

/*
body.layout-first-main-last #content-wrapper #sidebar-last {
background-color: transparent;
margin: 0;
padding: 0 0 0 20px;
width: 280px;
}
*/

body.layout-first-main-last #sidebar-last {
float: right;
margin: 10px 0 0 0; /* margin: 20px 0 0 10px; */
overflow: hidden;
width: 21%;
}

body.full-node.layout-first-main-last #sidebar-last {
background-color: transparent;
float: right;
margin: 10px 0 0 0; /* margin: 0; */
overflow: hidden;
width: 21%;
}

BTW, do you have access to your script? I hope so you have. As you can see here, those commented out were original CSS, and I've modified it, to left and right 21%, and the center 54%. This ratio aspect fit best with the included margin, so if you want larger margin, then you might edit the percent. Could you try this out and see whether it works? If not, we'll work on it again.

Sorry, patient...

Hi,

Oops, sorry for that, I apologize my fault. Maybe shall we try add in overflow: hidden into each of them first? Before we trying modify too many things at once, sorry again.

w3schools CSS overflow: http://www.w3schools.com/Css/pr_pos_overflow.asp

I've downloaded the original waffles theme and install in my local machine, I'll try my best to help out. But we have different content and block, so...anyway, I'll try my best.

Hi.

i am wanting to use this style too but am getting the same problems. its hapening because the style you based this one off was using the right sidebar inline with the content, which in turn causes this to happen if content is too wide.

ive partially fixed it, although theres sill one problem with my fix.

ive brought the width of the main content in, and taken the right sidebar out of the main content. i did this by setting the width of content in the style.css to 600px (it needs to be a little wider, but 600 just while i test it to get it to work) then in the page.tpl.php file, i did the following:

<div id="content-inner">
                <?php if ($title): ?>
                <h1 class="title"><?php print $title; ?></h1>
                <?php endif; ?>
                <div id="content-content">
                  <?php print $content; ?>
                </div>
              </div><!-- /content-inner -->
            </div><!-- /content -->
            
            <?php if (($sidebar_first) && ($sidebar_last)) : ?>
                <?php if ($sidebar_last): ?>
                <div id="sidebar-last">
                  <?php print $sidebar_last; ?>
                </div><!-- /sidebar_last -->
                <?php endif; ?>
              <?php endif; ?>

in case you cant see straight off, the second chunk (the bit that makes the right sidebar appear) WAS above the other chunk, and hence included inside the "content" div. we dont want this.

now its displaying properly, other than the right sidebar is being pushed below any content. like shown in my attatched image.

if you can figure out how to move that right of the content and not pushed down... then problem solved.

Im going to compare the page.tpl.php and style.css to a style already working and not using an inline right sidebar... if i can figure that out ill repost, and upload patched files if i manage to fix it.

ive come up with a TEMPORARY fix. i inserted a table into the page.tpl.php

if you need a quick fix solution right away, open up page.tpl.php and select everything between and including:

<div id="content">
...
...
...
</div><!-- /content -->

and paste this code in instead of it.

<div id="content">
            <table width="850">
              <tr>
              <td width="605" valign="top">
              <?php if ($tabs): ?>
              <div id="content-tabs">
                <?php print $tabs; ?>
              </div>
              <?php endif; ?>

              <div id="content-inner">
                <?php if ($title): ?>
                <h1 class="title"><?php print $title; ?></h1>
                <?php endif; ?>
                <div id="content-content">
                  <?php print $content; ?>
                </div>
              </div><!-- /content-inner -->
              </td><td width="245" valign="top">
              <?php if (($sidebar_first) && ($sidebar_last)) : ?>
                <?php if ($sidebar_last): ?>
                <div id="sidebar-last">
                  <?php print $sidebar_last; ?>
                </div><!-- /sidebar_last -->
                <?php endif; ?>
              <?php endif; ?>
              </td></tr></table>
            </div><!-- /content -->

This is just temporary. im still working on a proper fix, this is jsut for those who need it now. would like to see a better fix in next version...

Ive figured out what needed changing. if youve fiddled about with any files other than style.css then reinstall the style first.

upload and place my patch in your style folder and rename is to style.css. (you may want to save your old style.css in case this doesnt work)

let me know if anyone gets any problems.

Hey, ive jsut spent the last little while transforming this style into a format more commonly used. (with breadcrumb above any messages etc for example).

i uploaded a screen shot of my site using it. to use, just download the 2 patches i uploaded and replace the filed in you theme directory.

I just think it will be more to peoples taste, that is all...

Yea I am experiencing the same issue w=even after uploading patches.

What I encountered is, It does work properly on every page except the default Home page.

Has a fix for this been released yet??

I do not have a problem with it unless I am viewing a page form the book module that has child-pages, and a block in the sidebar-left. As you can see in my attached image.

Someone please get this problem fixed...

Thanks...

Same problem.... subscribing!

Hello!

I had the same problem with this theme, but on my site the proble was the CSS of the image_attachment module...I notice that only when you attach image the content drops.

If you're using this module goes to: ../modules/image/contrib/image_attach/image_attach.css and you can see :

[..]

.node {
clear: both;
}

[...]

This float both the class node! Really this class is a killer theme statement :) Comment it and your content goes up again.

Ciao!!

V

I'm not sure where I picked this up but I like the way it works to solve the same problem. It also works well in the Black Mamba Waffle sub-theme. I put this in my local.css

#content-tabs {
background-color:transparent;
float:right;
padding:0;
}

Hope this helps
Jon

Facing the issue with fieldgroup tabs. subscribing.

I think the reason for this is:

The left sidebar is by itself, but the right sidebar is within the content section, thus, any time content is larger then the viewable space in the content area, it flows under the right sidebar. If the right sidebar is outside the content area it would work fine. Look at say the garland them and see what I am talking about.

Gene

That's exactly right.

What about this option:

- leave the right floating column, it can be cool in some cases
- add a third column outside of the content section.

same problem here, none of the proposed fixes work...subscribing

Same issues... even with patches. Any help appreciated.

I guess everyone have got same issues. Any help appreciated. Thnx

same problem... help!!

why don't just fix the right column? the floating-inside-content right column causes alot of issues..

see my quick fix for this problem at http://drupal.org/node/711424

Hello,

I changed the following and it worked for me.

Before:
#content-inner {
}

Now:
#content-inner {
width: 530px; /* for ex. 530px; */
}

The same problem, nothing works... I'm not very skilled in codes, but love the theme... waiting and hoping for complete (and well described:-) solution.

Still nothing??

Here is the fix for the Black Mamba theme, should work for Waffles as well... http://drupal.org/node/962206

I have this problem but only WHEN NOT LOGGED IN.
version = "6.x-1.3"

All stuff I put into right sidebar is appearing right of the center pieces when logged in, but when looged out, it's appearing right below the center pieces:

--------
center
--------
pieces
--------
          --------
           sidebar right
          --------

(wonder how this works out on a non-mono-font...)

As a quick "fix" I stuck the stuff into left sidebar. Doesn't look like what I want, but does not have that problem.

Guys pardon me not posting this with attachments and everything but im pretty sure i've fixed it for my site at least. My issue was my content was fine and positioned correctly with the sidebar-last on the right side where it should be. But if i displayed a view at all, the exposed filters were in the correct place but the view contents were down below the sidebar last. Like they said up the page more, the content-wrapper contains the sidebar-last within its div, which is sort of strange. I took the sidebar-last chunk and stuck it after the content-wrapper, and added a few lines to my local.css and its good to go.

My local.css has this added to it:

#sidebar-first {
float: left;
}

#content-wrapper {
float: left;
width: 650px; /*(may vary depending on your settings and preference)*/
position: relative;
}

#sidebar-last {
float: right;
}

I was having problems with the titles and content extending into the area under the right (3rd) column. As noted above.
So I used Roxasaurus' fixes, but added the 'content-inner' width specification. That made everything fall in line for me. The block I have in the right column is a View. Not sure how that figures in, but now you know.

File: local.css

#sidebar-first {
float: left;
}

#content-wrapper {
float: left;
width: 750px; /*(may vary depending on your settings and preference)*/
position: relative;
}

#content-inner {
width: 550px;
}

#sidebar-last {
float: right;
}

body.layout-first-main-last #sidebar-first {
width: 200px;
}

Notes: The styles declared in local.css override the ones in style.css.
I wanted a narrower left column, so that is why the width above in sidebar-first.
For those just starting your reading here, you get local.css by copying then renaming local_sample.css, which is in your waffles folder.

comment No. 22 fixed it for me :)
So the main body content is no longer lower than the sidebar content.
Thanks

I am closing this issue, which is for a not supported Drupal version.