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.
[Solved] How to pad content from header
[Solved] How to pad content from header
Last edited by notiones on Thu Dec 20, 2007 7:37 pm, edited 1 time in total.
Re: How to pad content from header
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
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;
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;