Re: CSS problem

From: Steven Cheng[MSFT] (v-schang_at_online.microsoft.com)
Date: 11/16/04 

Date: Tue, 16 Nov 2004 03:23:14 GMT

Hi Brian,

I've tested the page you provided and did find the problem. Also, I think
bruce's suggestion is reasonable. Since the problem seems occur everytime
the page is first time loaded, and after that , the footer's position will
be ok. I've done some tests on my side and you may have a try on the
following code:

====================
<html>
        <head>
        <link rel="style***" type="text/css" href="main.css">
        <script language="javascript">
        function bodyLoad()
        {
                document.getElementById("footer").className="#footer";
        }
        </script>
</head>
        <body onload="bodyLoad()">
                <div id="container">
                        <div id="banner">
.............
=====================================

That manually reset the css classname for the footer <div> when the page's
body is loaded.

BTW, as for web form page, I think it'll be better to use relative position
mode rather than absolute position. Also, if possible, I suggest you
consider using html <table> element to structure the page's layout, that'll
be more flexible.

Thanks.

Regards,

Steven Cheng
Microsoft Online Support

Get Secure! www.microsoft.com/security
(This posting is provided "AS IS", with no warranties, and confers no
rights.)