Best practice for a fixed map and a list bellow

HI all

what is the best practice to do a fixed map bellow nav bar and a list bellow

i have do it this way but and test on material but like to know if is another way to do it

here is the code:

            <div class="tab page"  id="tab2" >   
                    <div style="top:55px;width:100%;height:220px;position:absolute;" id="map_canvas"></div>
                    <div class="page-content" style="margin-top:245px;padding-bottom:300px;padding-top:0!important;">
                        <div class="list media-list" >
                            <ul id="lista_onde">

This looks good to me

1 Like