[css-d] Page border up in the air

[Kim Brooks Wei]

My page border works on three sides but on the bottom it doesn't 
work. The border is there, but it's not flush with the page bottom. 
This did work until I broke it, but I can't recreate the working 
version. If anyone cares to give a look and see what will fix this, 
I'll appreciate the help.

http://www.njlada.com/c/directors.php

On the home page the border is placed correctly. Same css  file is being used.

http://www.njlada.com

Best,
Kimi

-- 
Kim Brooks Wei
1.201.475.1854
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Page border up in the air

[francky]

Kim Brooks Wei wrote:

>My page border works on three sides but on the bottom it doesn't 
>work. The border is there, but it's not flush with the page bottom. 
>This did work until I broke it, but I can't recreate the working 
>version. If anyone cares to give a look and see what will fix this, 
>I'll appreciate the help.
>
>http://www.njlada.com/c/directors.php
>
>On the home page the border is placed correctly. Same css  file is being used.
>
>http://www.njlada.com
>
>Best,
>Kimi
>
Hi Kimi,
The difference is the ending  of the #content. In the directors 
page it is placed after the #botnav, in the home page it is before.
Another difference is the  and the ending 
 of it (just before the  of the #content), which is not in 
the directors page.

One more suggestion. I notice that in IE the pages are jumping up and 
down, if the links in the #content are hovered (and/or after a refresh). 
This is due to an IE-bug, I gues a kind of Peekaboo. - Articles about 
resolving IE-bugs:

* http://www.communitymx.com/content/article.cfm?cid=C37E0
* http://www.positioniseverything.net/ie-primer.html
* http://www.positioniseverything.net/explorer.html

In this case, it can be resolved by giving a "clear: both" to the 
footer, and resetting the padding-top of the footer to zero. Then there 
is always some distance between the left side logo and the bottom colors 
of the page.
See testpage 
.

Greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Page border up in the air

[Kim Brooks Wei]

Thanks for your help, Francky. I followed your advice for the IE fix. 
My pages  don't "jump" in IE 5.2 Mac now. I wonder how they're 
looking look in IE 6.x.

The gap between the bottom of my body border and browser window still 
appears in Safari and FF. Interestingly enough, I'm not having 
problems with this in IE 5.2. I can get rid of the gap in  FF by 
adding a min-height selector to the content div tall enough to push 
the border down [can't get rid of it in Safari at all].  I know 
something is fundamentally wrong with my code -- a page border should 
border an entire page, and not just part of the page.

Additionally, I've discovered that an ordered list on doesn't 
function as an ol. There are no numbers!

OL at http://www.njlada.com/c/directors.php

Best,
Kimi


>Kim Brooks Wei wrote:
>
>>My page border works on three sides but on the bottom it doesn't
>  >work. The border is there, but it's not flush with the page bottom.
>  >http://www.njlada.com/c/directors.php
>
>One more suggestion. I notice that in IE the pages are jumping up and
>down. In this case, it can be resolved by giving a "clear: both" to the
>footer, and resetting the padding-top of the footer to zero. Then there
>is always some distance between the left side logo and the bottom colors
>of the page.
>See testpage
>.
>
>Greetings,
>francky

-- 
Kim Brooks Wei
1.201.475.1854
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Page border up in the air

[francky]

Kim Brooks Wei wrote:

> Thanks for your help, Francky. I followed your advice for the IE fix. 
> My pages  don't "jump" in IE 5.2 Mac now. I wonder how they're looking 
> look in IE 6.x

Hi:
Look! 
 :-)
(I also asked for Safari and IE7: see links on that page).
You can get these screenshots (and of more browsers) (free!) at 
browsershots.org 

> The gap between the bottom of my body border and browser window still 
> appears in Safari and FF. Interestingly enough, I'm not having 
> problems with this in IE 5.2. I can get rid of the gap in  FF by 
> adding a min-height selector to the content div tall enough to push 
> the border down [can't get rid of it in Safari at all].  I know 
> something is fundamentally wrong with my code -- a page border should 
> border an entire page, and not just part of the page.
>
> Additionally, I've discovered that an ordered list on doesn't function 
> as an ol. There are no numbers!
>
> OL at http://www.njlada.com/c/directors.php
>
> Best,
> Kimi 

The disappearing numbers on the 's are because of the margin and 
padding styling of the : both are 0 in the stylesheet. You can try 
different values for the margin-left and padding-left, and also give 
explicit (other) values for the  margins and paddings. After some 
playing you'll see what happens! And ... check in IE after designing in 
FF! ;-)

Greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/