problem with height in CSS div

[purpleski]

Hi

I have constructed an entirely CSS designed page including Coolmenu4. As far as I can see the code etc is pretty good but I have one small problem for which I have done a work around for but I am not sure it will work on all pages.

The page should look like it does at

http://www.purpleski.com/menu0/page.html

BUT

to construct the left bar of Purple I have had to set the height to 200% as in

#divLeftbar{
background-color: #330033;
border: 1px solid #330033;
color: #660066;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 8pt;
height: 200%;
left: 20px;
overflow: hidden;
padding: 2px;
position: absolute;
top: 100px;
visibility: visible;
width: 104px; /*104*/
}

But if you put this in to a plain document as with
height: 100%;
top: 0px;

as at

http://www.purpleski.com/menu0/test.html

the bar is perfect.

Something is causing an error can anybody help?

Various files are

http://www.purpleski.com/menu0/page.css

http://www.purpleski.com/menu0/menu.css

http://www.purpleski.com/menu0/menu.html

http://www.purpleski.com/menu0/page.html

Thanks

regards
Purpleski

 

[tweenerz]

You may not be getting replies because these links keep bringing up 404 errors. At least it does for me.

 

[purpleski]

Hi

Oops sorry about that. I have recopied the question with correct URLS.

I have constructed an entirely CSS designed page including Coolmenu4. As far as I can see the code etc is pretty good but I have one small problem for which I have done a work around for but I am not sure it will work on all pages.

The page should look like it does at

http://www.purpleski.com/menu/page.html

BUT

to construct the left bar of Purple I have had to set the height to 200% as in

#divLeftbar{
background-color: #330033;
border: 1px solid #330033;
color: #660066;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 8pt;
height: 200%;
left: 20px;
overflow: hidden;
padding: 2px;
position: absolute;
top: 100px;
visibility: visible;
width: 104px; /*104*/
}

But if you put this in to a plain document as with
height: 100%;
top: 0px;

as at

http://www.purpleski.com/menu0/test.html

the bar is perfect.

Something is causing an error can anybody help?

Various files are

http://www.purpleski.com/menu/page.css

http://www.purpleski.com/menu/menu.css

http://www.purpleski.com/menu/menu.html

http://www.purpleski.com/menu/page.html

Thanks

regards
Purpleski