fixed position css clear both not working

Asked Nov 15 '19 at 12:16

Active Nov 15 '19 at 12:16

Viewed 41 times

hi im trying to put fixed text at the end of every page like this .. everything working so fine yet but if the page has lots of trs and its full the footer will looks like this .. and this is the css for the footer ..

.end-footer
{
    position: fixed;
    left: 0;
    bottom: 10px;
    width: 100%;
    text-align: center;
    clear:both;    
}

and this is the html code for the footer

<div class='end-footer' style="clear: both;">
    <h3 style="text-align: center;"><strong>Jordan.Amman&nbsp;/ Mob.791075521/Tel.65562555/P.O.Box.950579 &ndash; 11195/Email. cland@theaddress.info</strong></h3>
    <div style="height: 40px; background-color:#23967b"></div>
</div>

clear:both not working with fixed position .. any help here thanks a lot ..

asked Nov 15 '19 at 12:16

softya

1

Try to fix the height of table with max-height. – Prabhjot Singh Kainth Nov 15 '19 at 12:19
can you write the code please – softya Nov 15 '19 at 12:20
1

try position:sticky instead of fixed :) – Every Screamer Nov 15 '19 at 12:21
2

Clear doesn't work with `position:fixed`...its' for clearing *floats*. – Paulie_D Nov 15 '19 at 12:21
1

@softya max-height:500px;overflow-y: scroll; – Prabhjot Singh Kainth Nov 15 '19 at 12:23
the end-footer is part of the table so i cant margin it this is the code – softya Nov 15 '19 at 12:28
{!! $department['department_bill_terms'] !!} – softya Nov 15 '19 at 12:28

fixed position css clear both not working

0 Answers0