Home/ Questions/Q 8953103
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T14:01:31+00:00

I’m trying to make a 2 column(sidebar) responsive theme for SMF forum software. I

  • 0

I’m trying to make a 2 column(sidebar) responsive theme for SMF forum software. I wanted to stick a column on the right that would expand 100% the height of it’s parent.

FYI, I just started converting the default theme, into a responsive theme.

Usually, I don’t have problems with these issues, or responsive design. However, I cannot figure out why the height of the sidebar, keeps matching the height of the header.

The sidebar HTML is outside the header HTML, and before it. Yet, when you give the sidebar say a fixed width of 400px via inspect element, it also expands the height of the header. I am baffled by this, as code-side it doesn’t seem to make sense.

I figured if I had another set of eyes, someone can help me figure this out.

http://xarcms.com/index.php?theme=3

Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    To fix this problem, I placed the and areas outside the div container. I was able to remove 4 un-needed divs(mostly wrappers) because of this. So In a rough nutshell…

    Switched To This:

    <div width wrapper>
<header></header>
<aside floated></aside>
<section></section>
<footer></footer>
</div>

    Rather Than:

    <div width wrapper>
<section>
<header></header>
<aside floated></aside>
<div></div>
<footer></footer>
</section>
</div>

    Which seemed to be cleaner and make more sense.

    • 0