Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Problems with Firefox columns Re: Problems with Firefox columns

#112795
Taufik Nurrohman
Participant

Set in two columns, then float the image:

<div id='img-wrapper'>
<div class='main-img-wrapper'><img src=''></div>
<div class='cols'>
<div class='photo'>
<div class='photo'>
</div>
</div>
.main-img-wrapper {float:left}
.cols {
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap:10px;
-moz-column-gap:10px;
column-gap:10px;
}