-
Posts
-
My site is displaying differently in Chrome, Firefox, and Safari. It looks correct when viewed in Chrome, but there are formatting issues in the other two browsers. I’m having trouble making it look the same across the 3 browsers.
Hi there,
Thanks for writing in with screenshot. I have checked with all three browsers and found the issue. It seems you have set negative margin for the section 3 that’s causing the issue. It’s not a good practice to fix something with negative margin. Let’s try another approach that could be accepted by all browsers.
Hope this makes sense.
Yes that makes sense, but I don’t know how to make the 2nd section smaller so the 3rd touches it without using negative margins. The columns my items are in are larger than the elements inside, so I can’t get anything close to it. They have an invisible border around them. Any suggestions?
Hi There,
Set the negative margin you apply on the 3rd section (where the black line is) to 0, and the negative margin you applied on the section 1’s row as well.
Then add the inline CSS below on the STYLE field of the section 1’s row.
max-height: 200px; overflow-y: hidden;Hope it helps, Cheers!
- <script> jQuery(function($){ $("#no-reply-1097189 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
