html - Weird footer style -


i'm using this style admin panel. when make big form register page, footer looks weird. here looks like. i'm beginner css hope can me how make right. footer supposed login, here. didn't change standard css. here's code:

<div class="login-overlay">     <div class="logo">         log ip <br> <span class="smaller">test</span>     </div>     <div class="form-container shadow">         <div class="icon">             @yield('icon')             <div class="header">                 @yield('name')             </div>         </div>         <div class="inputs">             @yield('login-content')                                  </div>     </div> </div> <footer class="mdl-mini-footer login-footer">         <div class="mdl-mini-footer__left-section">                 <div class="mdl-logo">&copy;material dashboard theme</div>             </ul>         </div>         <div class="mdl-mini-footer__right-section">                 <div class="mdl-logo">terms , conditions apply</div>             </ul>         </div> </footer>

when inspect footer, says:

.login-footer { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 30px; background-color: white; box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.1); }

it says more css guess important part. best way fix this?

your question unclear me, if problem think footer tall, should try css max-width property this:

.footer {   max-width:120px; }


if want footer sticks bottom should check out ryan fait's css sticky footer. code simple , force footer stay @ bottom.

you wrap footer in .wrapper , use css code:

* {     margin: 0; } html, body {     height: 100%; } .wrapper {     min-height: 100%;     height: auto !important; /* line , next line not necessary unless need ie6 support */     height: 100%;     margin: 0 auto -155px; /* bottom margin negative value of footer's height */ } .footer, .push {     height: 155px; /* .push must same height .footer */ }


no matter problem is, should rid of </ul>-elements people commented.


Comments

Post a Comment

Popular posts from this blog

php - Wordpress website dashboard page or post editor content is not showing but front end data is showing properly -

Image
recently have uploaded wordpress site onto server. have uploaded wordpress site in sub-folder under root folder ../root(domain root folder)/wordpress (where host wordpress folder). now problem content data in page or post in dashboard of wordpress admin panel not showing - see image. but data showing in front view - see image. if not browser cache issue , not issue happened tinymce editor during upgrade; try add config file: define('concatenate_scripts', false);
Read more

How to get the ip address of VM and use it to configure SSH connection dynamically in Ansible -

i trying ip address of vm , trying use establish ssh vm. following script: --- - hosts: localhost become: yes connection: local gather_facts: false serial: 1 vars_files: - createvmvars.yml tasks: - name: gathering vm info. vsphere_guest: vcenter_hostname: "{{vcenter_hostname}}" username: "{{vcenter_username}}" password: "{{vcenter_password}}" guest: "{{guest_name}}" vmware_guest_facts: yes register: var - debug: msg="{{var.ansible_facts.hw_eth0.ipaddresses[0]}}" - name: establishing ssh connection. script: /home/shasha/devops/scripts/ssh_configure.sh "{{var.ansible_facts.hw_eth0.ipaddresses[0]}}" following content of ssh_configure.sh : #!/bin/sh ssh-keygen -t rsa ssh-copy-id $1 but when running playbook, getting following error while executing third task: error! 'var' undefined but debug module(second task) printin
Read more

javascript - Get parameter of GET request -

i make request: createxhrrequest( "get", fileurl, function( err, response ) { if( err ) { alert( "error get!" ); } alert(response); }); and full response: { "status" : "ok", "message" : "jvberi0xljqkjdduxdgkmy how can jvberi0xlj ? i try response.message , response["message"]. nothing works. just simple access this: var json = json.parse(response); json.message
Read more