On Feb 22, 2009, at 6:09 AM, Gunlaug Sørtun wrote:
> 2: apply 'display: inline-block' (and centering), followed by the
> necessary fixes for IE7 and older.
>
> This will do...
>
> ....
>
> #navbuttons li {
> display:inline-block;
> width:220px;
> height:180px;
> padding:0;
> margin:0 10px;
> background : url(../images/contentnavbuttons.jpg) no-repeat;
> }
Remember that Firefox 2.0.0.x and older don't support 'display:inline-
block'.
#navbuttons li {
display:-moz-inline-box; /* <-------- add this */
display:inline-block;
width: 220px;
height:180px;
padding:0;
margin:0 10px;
background : url(../images/contentnavbuttons.jpg) no-repeat;
vertical-align: bottom; /* <----- add this */
}
also add 'vertical-align: bottom', to take into account content of
varying length, that can wrap over multiple lines.
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
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/
