Sent by Gunlaug_Sørtun on 20 December 2007 23:11
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-REMOVED]]
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/
