PC Review Forums Newsgroups Microsoft Word Microsoft Frontpage Border-Right-Length property is not working in a Div

Reply

Border-Right-Length property is not working in a Div

 
Thread Tools Rate Thread
Old 07-07-2005, 09:09 PM   #1
=?Utf-8?B?d2ViZWRpdG9yLWNvdXRyZQ==?=
Guest
 
Posts: n/a
Default Border-Right-Length property is not working in a Div


I am trying to limit the length of a right-side border for a div, to about
90% (which here is about 170px). All of the other properties work fine (e.g.,
"solid", "width: 1px", color: black, etc.).

But the "length" property does not "take". The length of the border persists
in being 100% of the side of the div.

I have tried these two ways of attributing length in the div that is 200px
tall (neither of these is working):

border-right-length: 160px;
border-right-length: 80%;

Question: Does anyone know how I can get a border in a div to limit to a
percentage length?

  Reply With Quote
Old 08-07-2005, 01:16 PM   #2
Steve Easton
Guest
 
Posts: n/a
Default Re: Border-Right-Length property is not working in a Div

Try:
border-right-width: length 80%;


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed..................
...............................with a computer

"webeditor-coutre" <webeditorcoutre@discussions.microsoft.com> wrote in message
news:C78C1516-E455-4659-B87A-7226A3E42B0A@microsoft.com...
> I am trying to limit the length of a right-side border for a div, to about
> 90% (which here is about 170px). All of the other properties work fine (e.g.,
> "solid", "width: 1px", color: black, etc.).
>
> But the "length" property does not "take". The length of the border persists
> in being 100% of the side of the div.
>
> I have tried these two ways of attributing length in the div that is 200px
> tall (neither of these is working):
>
> border-right-length: 160px;
> border-right-length: 80%;
>
> Question: Does anyone know how I can get a border in a div to limit to a
> percentage length?
>



  Reply With Quote
Old 08-07-2005, 02:09 PM   #3
=?Utf-8?B?d2ViZWRpdG9yLWNvdXRyZQ==?=
Guest
 
Posts: n/a
Default Re: Border-Right-Length property is not working in a Div

At first, adding "border-right-width: length 80%;" made the whole border
disappear. Then I moved "border-right-width: length 80%;" line to ABOVE the
"border-right-width: 2px" line in the stylesheet, and simply changing that
order of lines, it made the border appear again, but still at 100%. Maybe it
is just impossible to control a div border length from a stylesheet.

"Steve Easton" wrote:

> Try:
> border-right-width: length 80%;
>
>
> --
> Steve Easton
> Microsoft MVP FrontPage
> 95isalive
> This site is best viewed..................
> ...............................with a computer
>
> "webeditor-coutre" <webeditorcoutre@discussions.microsoft.com> wrote in message
> news:C78C1516-E455-4659-B87A-7226A3E42B0A@microsoft.com...
> > I am trying to limit the length of a right-side border for a div, to about
> > 90% (which here is about 170px). All of the other properties work fine (e.g.,
> > "solid", "width: 1px", color: black, etc.).
> >
> > But the "length" property does not "take". The length of the border persists
> > in being 100% of the side of the div.
> >
> > I have tried these two ways of attributing length in the div that is 200px
> > tall (neither of these is working):
> >
> > border-right-length: 160px;
> > border-right-length: 80%;
> >
> > Question: Does anyone know how I can get a border in a div to limit to a
> > percentage length?
> >

>
>
>

  Reply With Quote
Old 09-07-2005, 08:44 AM   #4
Stefan B Rusynko
Guest
 
Posts: n/a
Default Re: Border-Right-Length property is not working in a Div

Div is a container (element) which controls the size (length/width) of the container
Border is an property of that container (separately addressable for all 4 sides)
Length is not an attribute of border since the length is controlled by the container size

Only way to do what you want is to nest 2 divs w/ different borders: one div at 80 % of outer div (100%)

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp
_____________________________________________


"webeditor-coutre" <webeditorcoutre@discussions.microsoft.com> wrote in message
news:AC198AB8-0AB4-486D-97DC-D362CFF7C2D9@microsoft.com...
| At first, adding "border-right-width: length 80%;" made the whole border
| disappear. Then I moved "border-right-width: length 80%;" line to ABOVE the
| "border-right-width: 2px" line in the stylesheet, and simply changing that
| order of lines, it made the border appear again, but still at 100%. Maybe it
| is just impossible to control a div border length from a stylesheet.
|
| "Steve Easton" wrote:
|
| > Try:
| > border-right-width: length 80%;
| >
| >
| > --
| > Steve Easton
| > Microsoft MVP FrontPage
| > 95isalive
| > This site is best viewed..................
| > ...............................with a computer
| >
| > "webeditor-coutre" <webeditorcoutre@discussions.microsoft.com> wrote in message
| > news:C78C1516-E455-4659-B87A-7226A3E42B0A@microsoft.com...
| > > I am trying to limit the length of a right-side border for a div, to about
| > > 90% (which here is about 170px). All of the other properties work fine (e.g.,
| > > "solid", "width: 1px", color: black, etc.).
| > >
| > > But the "length" property does not "take". The length of the border persists
| > > in being 100% of the side of the div.
| > >
| > > I have tried these two ways of attributing length in the div that is 200px
| > > tall (neither of these is working):
| > >
| > > border-right-length: 160px;
| > > border-right-length: 80%;
| > >
| > > Question: Does anyone know how I can get a border in a div to limit to a
| > > percentage length?
| > >
| >
| >
| >


  Reply With Quote
Reply



Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off