div border not stretching

Hi all

This is the url:http://www.igsoftwaresolutions.co.uk/htmlissue1.html

I would like the content div to have a border on the right that runs
all the way down from top to bottom. At the moment it just stops about
a thrid of the way

Can anyone help or advise how I can do this?

ilyasdhin (AT) googlemail (DOT) com wrote:

Hi all

This is the url:http://www.igsoftwaresolutions.co.uk/htmlissue1.html

I would like the content div to have a border on the right that runs
all the way down from top to bottom. At the moment it just stops about
a thrid of the way

Can anyone help or advise how I can do this?

I'm sorry I wasn't able to explain to you properly as to how things work
over in c.i.w.a.html. Perhaps try reading again what I wrote. So, trying
to achieve the border the full vertical length is not possible as you
see in your example. The reason is as I explained.

The way to achieve the vertical (border) line is once again through a
deception. To do this, your method is not suitable, so the first thing
to do is to (instead of floating both columns) float left only the left
column and allow the right to flow to the right with a left margin for
the width of the left column. With this revised method in place, create
a new #rightWrapper containing the #rightBar. Give the #rightWrapper
the same background color as that of the left column (in your case,
white) and give it the left border. Then finally give #rightBar a left
margin of 10px.

--
Gus

In article
<9cd970a4-c3bb-45b6-ac87-9da85e3ecb7d (AT) 3g2000yqk (DOT) googlegroups.com>,
"ilyasdhin (AT) googlemail (DOT) com" <ilyasdhin (AT) googlemail (DOT) com> wrote:

Hi all

This is the url:http://www.igsoftwaresolutions.co.uk/htmlissue1.html

I would like the content div to have a border on the right that runs
all the way down from top to bottom. At the moment it just stops about
a thrid of the way

Can anyone help or advise how I can do this?

Your border does not extend because the content of that element stops.
Gus gives you one way. Here is another work around:

#contentContainer {background-color:white; background:
url(images/border_1px.gif) repeat-y 260px 0}

You need to make an image (1px x 1px will do but probably better to make
it more pxs high so the browsers does not work so hard).

--
dorayme

On Apr 15, 11:05*pm, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:

In article
9cd970a4-c3bb-45b6-ac87-9da85e3ec... (AT) 3g2000yqk (DOT) googlegroups.com>,

*"ilyasd... (AT) googlemail (DOT) com" <ilyasd... (AT) googlemail (DOT) com> wrote:
Hi all

This is the url:http://www.igsoftwaresolutions.co.uk/htmlissue1.html

I would like the content div to have a border on the right that runs
all the way down from top to bottom. At the moment it just stops about
a thrid of the way

Can anyone help or advise how I can do this?

Your border does not extend because the content of that element stops.
Gus gives you one way. Here is another work around:

#contentContainer {background-color:white; background:
url(images/border_1px.gif) repeat-y 260px 0}

You need to make an image (1px x 1px will do but probably better to make
it more pxs high so the browsers does not work so hard).

--
dorayme

That did the trick.

Thanks every so much