Stack Overflow
Stack Overflow

Questions tagged [column-count]

The column-count CSS property describes the number of columns in an element.

The column-count CSS property describes the number of columns in an element.

Further Reading

129 questions
2
votes
0 answers

Why won't my column-count work correctly in chrome vs. safari?

I can't figure out why chrome is showing 3 columns instead of the 4. I've tried to change it to 5 or 6, and it still shows 3. Safari adjusts correctly per my code. What's going on? Do I need to set width properties? I also noticed that if I change…
lilstacks
  • 21
  • 3
2
votes
1 answer

“display: flex” inside "column-count" renders single column in Firefox & IE

I need to have a two-column layout and two columns again inside each colunn. I used following code that renders nice on Chrome and Safari, but in single column in Firefox and IE: What am I doing wrong? .two-columns { column-count: 2; dt, …
Sven
  • 41
  • 6
2
votes
1 answer

Safari column-count Bug

So i found this Bug in Safari but cant find a solution to fix it. .menu ul{ column-count: 2; } .menu ul li{ width: 257px; height: 35px; } .menu ul a{ position: absolute; z-index: 999; width: 257px; height:…
toweb - Noel Schenk
  • 43
  • 10
2
votes
1 answer

Chrome columns bug when number of columns is less then column-count

I'm having an issue with Chrome when I use the column-count property. I have a div where inside it I will have some items so I set column-count: 3; When I have 3 items or more it works well, but when I have only two they are not shown in the same…
emilushi
  • 280
  • 7
  • 16
2
votes
1 answer

Skewing elements breaking in column-count configuration on chrome

Given a container with 3 columns using the css property column-count, and each column is skewed with transform: skewX(-15deg), if I apply another skew operation inside of the columns, starting from the 2nd column the affected elements become…
Felk
  • 7,720
  • 2
  • 35
  • 65
2
votes
1 answer

Ordered list number with css multiple column

I am creating an ordered list with the default numbering. The list would be more than 300. I have divided into columns using css- column-count which divides the list into columns but the default list numbering is present only for the first…
Tom
  • 1,779
  • 2
  • 15
  • 19
2
votes
1 answer

highcharts tooltip wrong date

I had made one highchart in that tooltip is shows date and time in format but it is showing wrong date and time. Please go through the code below. HTML Code
abc
  • 27
  • 8
2
votes
1 answer

CSS: @media print & column-count not working at all

I have a div with three vertical divs in it. Within these inner divs there are divs with the column-count CSS property (working well, see below). The working part is this (for multiple sreen sizes) as an example: @media only screen and (min-width:…
alve89
  • 971
  • 1
  • 9
  • 31
2
votes
0 answers

CSS Columns - Shrinking window width and then expanding it only shows half the column-count

I'm using several media queries to control the amount of columns for different screen sizes. When the page loads, it works great. However I'm noticing that when I shrink the width of the window to almost nothing and then expand it to full width…
pyramidface
  • 1,207
  • 2
  • 17
  • 39
2
votes
0 answers

Column count on webkit browsers

I'm using this css code to manage columns in my page (I'm on wordpress 4.2.2 + Visual Composer Plugin): -webkit-columns: 2 200px; -moz-columns: 2 200px; columns: 2 200px; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap:…
Uno Spettro
  • 45
  • 6
2
votes
3 answers

Chrome adds an extra space to its container when using column-count

The problem is, in chrome extra space is added between the bottom of the lowest blue box and the bottom of the container. so far a found no way to fix this. works fine in Firefox. .outer { -webkit-column-count: 3; margin: 0; …
Stefan Friedrich
  • 21
  • 1
2
votes
0 answers

CSS columns' height not equal with column-break-inside: avoid

I have a list of blocks with various heights.
abcxyz
abcxyz
abcxyz
KwiZ
  • 1,364
  • 2
  • 15
  • 25
2
votes
2 answers

Chrome not calculating column height correctly after JS resizing
  • elements in multicolumn

    • I'm creating a dashboard which should fit content on a screen in two columns. The elements on the screen will be dynamic and of different sizes, the sizes of each will vary over time. Therefore I chose a multicolumn div layout, this will vertically…
    Jasper
    • 444
    • 3
    • 19
    2
    votes
    1 answer

    CSS column-count selecting 1st and last column

    I've got a 2 column layout blog and i'm using the column-count css property, but the design requires that images and blockquotes in the first column to jut out to the left side (margin-left: -20px), and the 2nd column applies the same thing but on…
    Mohamed Hamad
    • 93
    • 2
    • 9
    2
    votes
    3 answers

    java.sql.SQLException: Column count doesn't match value count at row 1

    The structure of my table: id int AUTO_INCREMENT PRIMARY KEY title text url text age int Here's how I am trying to save data into this table: PreparedStatement ps=con.prepareStatement("insert into table(title, url, age) values…
    user984621
    • 46,344
    • 73
    • 224
    • 412
    1 2
    3
    …
    8 9