Big Moxy wrote:
url - http://projects.missioninternet.com/proweb/index.php
1) This occurs on both IE 7 and FF
...and most other browsers.
I have a curved bottom border that I want to place right after the
footer text. The border graphic consists of 3 files - left curve,
right curve and a straight line in between. The problem is that it
does not center. I placed the html between the end of the footer pad
div (has blue border for now) and the end of the footer div. The
bottom border is 810px in total - 15, 780 and 15.
Then you must give the div surrounding those bottom-borders the same
width - 810px, or else the 'margin:0 auto 0 auto;' will have no effect.
In addition to that, add...
#bottomBorderLeft {
clear: both;
}
...and you'll get the intended line-up and centering.
A more normal way to add borders would be to include the bottom-border
parts in the main page-container - without that extra container-div, and
just clear them below the footer. Then they will center along with the
page without any further styling.
2) On FF the footer is at the bottom of the page while on IE there is
considerable space between the footer and the bottom of the page. I
want the page to end with the curved bottom border and the footer
text right above it (like FF).
Delete...
#pageDef {
height: 100%;
}
...to prevent IE7 from stretching that element too far. I know that'll
destroy your attempt on full window-height, but since that part is
interpreted strangely by IE7 anyway I don't think much is lost.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/