Sitter och sliter mitt hår för ett grid jag gör med -taggar.
[img]http://s13.postimg.org/sv2jury3b/Screen_shot_2013_07_24_at_12_36_14.png[/img]
[code]
.sidebar li{
display: table-cell;
border:1px solid rgba(250, 250, 250, 0.2);
margin-bottom:1.5em;
height:200px;
min-height: 200px;
border: 1px solid #000;
display: -moz-inline-stack;
display: inline-block;
vertical-align:top;
zoom: 1;
*display: inline;
_height: 250px; /*for ie6*/
}
.sidebar > .widget-container{
background-color:transparent;
border:1px solid white;
}
.sidebar li:nth-child(5n+0) {
border:2px solid red;
}
.sidebar li:nth-child(3n+0) {
clear: left;
margin-left:0;
border:2px solid green;
}
[/code]
Jag har läst den här [url]http://blog.mozilla.org/webdev/2009/02/20/cross-browser-inline-block/[/url] och har nog provat varje kombination, men det här är det närmaste jag kommer. Hur blir jag av med hålet uppe till höger? Någon som kan bistå?
↧
