[Web4lib] CSS help?

[Christopher Barr]

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/