Click to See Complete Forum and Search --> : Left border for page


neil9999
07-08-2004, 12:23 PM
Hi,

I have this style sheet, linked to externally:

body{
border-style: solid;
border-width: 0px 0px 0px 40px;
border-color: #000080;
}

In IE, the border on the left goes all the way down the page, but on Netscape it stops at the level where the text stops.

Any ideas?

Thanks,

Neil

Primal
07-08-2004, 12:46 PM
Neil, I'm not sure that you can fix this. You'll be told by many people in here that the border stopping where the content stops is a feature not a bug. It's supposed to be that way. Let me look around and see if I can find an ALA article you'd find useful.

ray326
07-08-2004, 01:08 PM
The article Primal is probably thinking of is about Faux Columns. That's probably the technique you'll want to use.

Primal
07-08-2004, 01:19 PM
Try this one out...
Creating Liquid Layouts with Negative Margins (http://alistapart.com/articles/negativemargins/)

Ben Rogers
07-09-2004, 07:36 AM
Just to be thorough, here's the Faux Columns (http://www.alistapart.com/articles/fauxcolumns/) article Ray was referring to. (Great technique, extremely useful)

neil9999
07-09-2004, 12:18 PM
Thanks very much for all your help. In the end, I did this:

background: url(border.jpg);
background-repeat: repeat-y;
margin-left: 50px;

Border.jpg being a 40 X 5 image totally red.

Thanks again,

Neil