Dandy Dandy - 4 months ago 7
HTML Question

Marking text issues with a fixed div

The problem is visible when you change the width of the site (make it smaller). The moment the fixed div is above the table, proper marking of the text is impossible (it's especially visible with the first column which is small). When the fixed div is not above the table I can mark the text without problem.

I've made some screenshots, I hope they'll clear up the situation: in the first picture it works fine, but in the second, after making the width smaller, the problem is clearly visible - a text above the text that I want to mark is actually being marked.

Here it works fine

Here's the problem
Thank you in advance!

Answer

Add this to your css and it will be fixed. Because the div is front of the table cells, it prevents you from marking the cells.

div#floating-form {
 height: 145px;
}

@media (max-width: 675px)
   div#floating-form {
     height: 75px;
   }
}