277 Layout Properties
bottom
bottom: { length | percentage | auto | inherit } ;
For absolutely positioned boxes, this
property specifies how far the bottom
margin edge of the box is offset above
the bottom padding edge of its
containing block.
For relatively positioned boxes, this
property specifies how far the bottom
edge of the box is offset above the
position it would have had in the
normal flow.
If both top and bottom have a value other than auto, bottom is ignored.
Example
This style rule makes the element with ID
"logo" generate a relatively positioned box
that??™s shifted ten pixels upward:
#logo {
position: relative;
bottom: 10px;
}
Compatibility
SPEC
version initial inherited
CSS2 auto NO
BROWSER SUPPORT
Op9.2+ Saf1.3+ FF1+ IE7+
FULL FULL FULL FULL
Layout Properties
Opera Safari Firefox Internet Explorer
9.2 3.0 2.0 1.3 2.0 1.5 1.0 7.0 6.0 5.5
Full Full Full Full Full Full Full Full Buggy Buggy
Internet Explorer for Windows versions up to and including 6:
?– compute percentage values on the basis of the height of the parent block, rather
than of the containing block
?– are one pixel off when bottom and right are used to specify the position, and
the offset is an odd number of pixels
?– don??™t support the specification of both the position and the dimensions of an
absolutely positioned element using top, right, bottom, and left together;
they??™ll use the last vertical and horizontal position specified, and need the
dimensions to be specified using width and height
Internet Explorer for Windows versions up to and including 7 don??™t support the
value inherit.
Pages:
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421