2 Column Layout Problem in Firefox

Noticed that 2 column layout using K2 causes the second column to overlap behind the sidebar. This appears to only occur in Firefox and appears to work fine in Safari, Chrome, and IE.

Sample:
http://www.t-ono.net/3.0

Hi

Please add this to override.css

Code: Select all

.itemContainer {
    display: block;
    float: left;
}


Thanks for the response. That seems to fix the issue except now it causes each of the article containers in the columns to be no longer aligned with each other.

Hi

Please add this to override.css

Code: Select all

.itemContainer {
    display: block;
    float: left;
}


Attaching image illustration.

Thanks for the response. That seems to fix the issue except now it causes each of the article containers in the columns to be no longer aligned with each other.

Hi

Please add this to override.css

Code: Select all

.itemContainer {
    display: block;
    float: left;
}


Hi

Layout breaks because of too big images. Try adding this code instead of the last one I gave You than:

Code: Select all

.itemListView .itemIntroText img {
width: 450px !important;
}


or try resize it in category settings.

Hello teirbite,

Awesome! Thanks for pointing me the right direction. Setting the width to 450px would still cause the sidebar to overlap into the columns when resizing your browser. I found setting it as a percent resolved the issue in Firefox.

Thanks again!

Hi

Layout breaks because of too big images. Try adding this code instead of the last one I gave You than:

Code: Select all

.itemListView .itemIntroText img {
width: 450px !important;
}


or try resize it in category settings.

Hi

That's a really good idea I was checking it in firebug, so the 450px was the biggest size it was working, but I believe it depends from the size of the monitor as well.