[Web4lib] CSS help?

[Andrew Hankinson]

You could also try borrowing some techniques from this article.  It's  
solving a slightly different problem, but some of the techniques  
would be the same.

http://alistapart.com/articles/footers

Andrew


On 26-Jul-07, at 5:06 PM, Christopher Barr wrote:

> I don't think putting a wrap alone will actually work. All of the  
> columns are floated, and thus taken out of the document flow.  
> Without some kind of clear the wrap will collapse, because there  
> isn't actually anything in it.
>
> You may have to add something like <br clear="all"> before you end  
> the wrap div and after you end the left and center columns...
>
> -Chris
> http://library.villanova.edu
> http://www.vufind.org
>
>
>
> -----Original Message-----
> From: web4lib-bounces at webjunction.org [mailto:web4lib- 
> bounces at webjunction.org] On Behalf Of Marc Bertone
> Sent: Thursday, July 26, 2007 2:56 PM
> To: 'Junior Tidal'; web4lib at webjunction.org
> Subject: RE: [Web4lib] CSS help?
>
> This will work, but since the left DIV is not really the full  
> height, its
> right-border will not extend down to the bottom of the page.  By  
> moving the
> border to the "taller" center-column div, you will be sure that the  
> grey
> divider line will always be the proper height.
>
>
> 1) Remove the following properly from the #leftcolumn class;
> border-right: 1px solid #CCCCCC;
> 2) Add the following property to the #centercolumn class;
> border-left: 1px solid #CCCCCC;
>
>
> -Marc
> http://support.springshare.com
>
>
> -----Original Message-----
> From: web4lib-bounces at webjunction.org
> [mailto:web4lib-bounces at webjunction.org] On Behalf Of Andrew Hankinson
> Sent: Thursday, July 26, 2007 11:25 AM
> To: Junior Tidal
> Cc: web4lib at webjunction.org
> Subject: Re: [Web4lib] CSS help?
>
> Hi Junior,
>
> Try putting a 'wrapper' div around your content and sidebar, like so:
>
> <div wrapper>
>         <div sidebar></div>
>         <div content></div>
> </div wrapper>
>
> And then making the background of that wrapper white.  It should  
> then 'look'
> like the background of the sidebar is white, instead of the body  
> background
> blue colour.
>
> Andrew
>
> On 26-Jul-07, at 1:41 PM, Junior Tidal wrote:
>
>> Hello fellow library webdesigners,
>>
>> I am redesigning our website and I've run into a snag. I'm not sure
>> how to alter the height of my left navigation menu to be consistent
>> with the ever altering height of the right content division.
>>
>> For example:
>>
>> http://library.citytech.cuny.edu/redesign/services/multimedia/
>> index.php
>>
>>
>> I want it to look like this:
>> http://library.citytech.cuny.edu/redesign/policies/access/index.php
>>
>> I've fiddled with adding a white gif background and altering the
>> height so it looks fine in IE7/PC but it still has the gap in IE6/PC,
>> Firefox/PC/Mac and Safari/Mac. Any suggestions?
>>
>> thanks and kind regards,
>>
>>
>>
>> Junior Tidal
>> Web Services and Multimedia Librarian
>> CUNY New York City College of Technology 300 Jay Street Brooklyn, NY
>> 11210
>> 718.260.5481
>> _______________________________________________
>> Web4lib mailing list
>> Web4lib at webjunction.org
>> http://lists.webjunction.org/web4lib/
>
> Andrew Hankinson
> andrew.hankinson at gmail.com
>
>
>
> _______________________________________________
> Web4lib mailing list
> Web4lib at webjunction.org
> http://lists.webjunction.org/web4lib/
>
> _______________________________________________
> Web4lib mailing list
> Web4lib at webjunction.org
> http://lists.webjunction.org/web4lib/
> _______________________________________________
> Web4lib mailing list
> Web4lib at webjunction.org
> http://lists.webjunction.org/web4lib/

Andrew Hankinson
andrew.hankinson at gmail.com