[Solved] How to pad content from header

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
notiones
Forum Members
Forum Members
Posts: 10
Joined: Fri Dec 07, 2007 11:28 pm

[Solved] How to pad content from header

Post 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.
Last edited by notiones on Thu Dec 20, 2007 7:37 pm, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

Re: How to pad content from header

Post 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...
notiones
Forum Members
Forum Members
Posts: 10
Joined: Fri Dec 07, 2007 11:28 pm

Great Answer

Post 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;
Post Reply

Return to “Layout and Design (CSS & HTML)”