Page 1 of 1

[Solved] How to pad content from header

Posted: Thu Dec 20, 2007 3:57 pm
by notiones
In template "left simple navigation + 1 column" there is padding between the header and content. i.e there is a space between the dotted line and where content starts that matches the padding in the sidebar (everything lines up). I want this same padding on CSSMenu top + 2 columns, which forms the basis for my site.

In template CSSMenu top + 2 columns there is no padding between the dotted line and where content starts. I need the padding to match that of the news module which resides in the side bar and does have the padding.

I have spent several hours comparing stylesheets and xml files and cannot see what is different between the two.

Thanks for answering this probably very simple question. btw, I can post the relative content if I know what it is, but obviously I don't or I would have fixed this already.



Thank you.

Re: How to pad content from header

Posted: Thu Dec 20, 2007 7:15 pm
by Dr.CSS
If you look at the call for the #main just above it is a call with ndiv# the n should be removed and you could add padding to top of #main...

Great Answer

Posted: Thu Dec 20, 2007 7:31 pm
by notiones
Once again your answer is perfect. Thank you.

ndiv#content {
  margin: 1.5em auto 2em 0; /* some air above and under menu and content */

changed to

div#content {
  margin: 1.5em auto 2em 0; /* some air above and under menu and content */

and to get the news module to align..

div#news {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000;
  background: #FFE9AF;

changed to

div#news {
  margin: 0em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000;
  background: #FFE9AF;