Columns Not Printing in Firefox (2 become 1)
I have a div with 2 divs inside of it, each with a ul of content, so it looks like two columns in the view. I'm using window.print and css to print these out, Chrome and Safari work fine, but Firefox is turning the 2 columns into 1.
I've tried column-count, column-fill, float (left/right for diff divs), min-width: 0 / min-height: 0, and I can't seem to get the 2 columns to appear.
Anyone have any other suggestions for how to get this to work?
Modified by SaraChicaD
Chosen solution
Do you have a sample web page where we can check that out?
Read this answer in context 👍 0All Replies (6)
Seçilmiş Həll
Do you have a sample web page where we can check that out?
Hi the-edmeister it's hard to create a sample because everything is compiled I've tried everything at this point just super desperate lol thx.
Also I keep trying to post images and stuff on here and they never get saved? The platform isn't super helpful. :(
See this support article. How do I create a screenshot of my problem? It is best to use a compressed image type like PNG or JPG to save the screenshot and make sure that you do not exceed a maximum file size of 1 MB.
Then use the Browse .... button below the Post a Reply text box to upload the screenshot.
thx the-edimeister, here are the images. the one column is firefox, the 2-col is chrome (& safari).
So the answer the-edmeister was that min-width was squeezing the content into weird shapes. i set min-width: 0px; and then set a width of like 500px and the content came out fine. this was such a weird but -- thanks for yoru help!
Modified by SaraChicaD