Eric Katz wrote:
> So I think I have really screwed up some stuff right now, i can't
> either of my lists formatted properly the way I want them to be in
> the Products by Genre Window here:
> http://team-identity.org/akathletics/newcode/
Same as for the part above: IE7 and older need a hack to render *as*
inline-block. Also some margins and paddings to fix for intended line-up...
#genres {
width:675px;
margin:0 auto;
list-style:none;
text-align: center;
padding: 0 0 8px 0;
}
#genres li {
display:-moz-inline-box;
display:inline-block;
padding:0 10px;
margin: 3px 0;
border-right: solid 1px #bbb;
vertical-align: bottom;
}
/* fix IE6 */
* html #genres li {display: inline;}
/* fix IE7 */
*+html #genres li {display: inline;}
#genres h3 {
font-size:1em;
color:#929292;
margin: 0;
}
*Important*: keep the non-valid 'display:-moz-inline-box;' in there, or
else all the numerous browsers based on slightly older Gecko engines
will not render it well - see Philippe's post on earlier case for your
layout.
Working solutions _are_ more important than validity in such cases.
BTW: why are you using an <h3> in those lists? I can't see any reason
whatsoever for headlines to be used there, but maybe you have one..?
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/
