[Web4lib] CSS Margins

Bill Teschek bteschek at hampton.lib.nh.us
Wed May 30 13:44:12 EDT 2007


Stacey,

Perfect answer. Worked like a charm. Thank you!

Bill Teschek
bteschek at hampton.lib.nh.us

Knight-Davis, Stacey L. wrote:

> Have you tried a negative margin for the <div> containing the toolbar?
> This would have some constraints, but I think this would allow the
> margins to extend beyond those set for the body.  You would have to be
> careful to make sure you did not put the toolbar off the screen at low
> resolutions, but I think it might work to shove the toolbar past the
> body's margin.
> 
> Stacey Knight-Davis
> Booth Library
> 
> Eastern Illinois University
> 600 Lincoln Ave.
> Charleston, IL  61920
> 
> 217-581-7549
> slknight at eiu.edu 
> 
> -----Original Message-----
> From: web4lib-bounces at webjunction.org
> [mailto:web4lib-bounces at webjunction.org] On Behalf Of Bill Teschek
> Sent: Wednesday, May 30, 2007 11:50 AM
> To: web4lib at webjunction.org
> Subject: Re: [Web4lib] CSS Margins
> 
> I understand how it is possible to have two different div classes -- one
> for 
> the toolbar and one for the rest of the page. My problem is that as it
> is now 
> currently set up for thousands of our web pages, the margins are set for
> all 
> data within the <body> tags. Since the toolbars have to be within those
> tags, 
> is there a way to write the style code so that it ignores the margins
> settings 
> for that particular section of the page? If not I'll just have to do
> some 
> complicated searching and replacing and stop using the body tags to
> define the 
> margins.
> 
> Thanks again,
> 
> Bill Teschek
> bteschek at hampton.lib.nh.us
> 
> 
> 
> > Well, everything has to stay inside the body tags. Just set margins
> and 
> > padding on body in your stylesheet to 0, put your toolbar div at the
> top 
> > of the page, and place a wrapper div that indents all of the page's 
> > content beneath the toolbar div.
> 
> 
> _______________________________________________
> Web4lib mailing list
> Web4lib at webjunction.org
> http://lists.webjunction.org/web4lib/
> 





More information about the Web4lib mailing list