Whitespace Problem

david157
98 Posts
david157 posted this 13 November 2016

Hi

Not sure if this is a bug or some sort of white-space problem. An example from my site is this page: : http://www.chocolatefountainsofdorset.co.uk/chocolate-fountain-rental
With Firefox, the bottom of the page looks like this:

1.png

There is a small space between the brown box and the footer.
Whilst in EE & Chrome, it looks like this:
2.png

- No space.
My understanding was that Firefox was one of the browsers that interpreted CSS/HTML correctly.
FYI, the brown box is wrapped in a div.

Is Firefox doing it wrong and the others doing it right for a change?

Many thanks in advance, David

Hi Not sure if this is a bug or some sort of white-space problem. An example from my site is this page: : http://www.chocolatefountainsofdorset.co.uk/chocolate-fountain-rental With Firefox, the bottom of the page looks like this:!1.png! There is a small space between the brown box and the footer. Whilst in EE & Chrome, it looks like this:!2.png! - No space. My understanding was that Firefox was one of the browsers that interpreted CSS/HTML correctly. FYI, the brown box is wrapped in a div. Is Firefox doing it wrong and the others doing it right for a change? Many thanks in advance, David
Vote to pay developers attention to this features or issue.
3 Comments
Order By: Standard | Newest
Malinka
53 Posts
Malinka posted this 16 November 2016

Hi

Test if this css works for you:

.separated-item-46.col-md-12.first-col.last-row.last-col {
min-height: 0px !important;
}

Best regards
Malinka

Hi Test if this css works for you: .separated-item-46.col-md-12.first-col.last-row.last-col { min-height: 0px !important; } Best regards Malinka
Support Team
Support Team posted this 16 November 2016

Hello David,
the browser renders the page in a bit different way, especially it concerns the "pixel" term.
As a result the height of Container in different browsers may look a bit differently. This is happen in your case: the height of Container which is stretched to the footer is different in Chrome and FF. In fact both outputs are valid.

regards,
Aileen

Hello David, the browser renders the page in a bit different way, especially it concerns the "pixel" term. As a result the height of Container in different browsers may look a bit differently. This is happen in your case: the height of Container which is stretched to the footer is different in Chrome and FF. In fact both outputs are valid. regards, Aileen
david157
98 Posts
david157 posted this 17 November 2016

Hi Malinka

Brilliant thanks - works great :-)

The pages now look the same in each browser. I used your code to normalise everything and I've added some space at the bottom of the pages that had divs (as the last item in the code), to add a little space before the footer.

Thank you very much.

Best wishes, David

Hi Malinka Brilliant thanks - works great :-) The pages now look the same in each browser. I used your code to normalise everything and I've added some space at the bottom of the pages that had divs (as the last item in the code), to add a little space before the footer. Thank you very much. Best wishes, David
You must log in or register to leave comments