Visualizzazione dei risultati da 1 a 7 su 7
  1. #1

    Centrare bassa fissa sullo schermo

    Ciao ragazzi

    ho creato una barra che sta fissa sullo schermo nella parte bassa, ma dovrei riuscire a centrarla anzichè tenerla allineata sulla sinistra...come faccio?

    codice:
    <style type="text/css">
    #bottombar { 
    	background: #f2f2f2;
    	border-top: 1px solid #ccc;
    	border-left: 1px solid #ccc;
    	border-right: 1px solid #ccc;
    	bottom: 0px;
    	color: #333;
    	display: block;
    	height: 25px;
    	left: 0px;
    	margin: 0;
    	width: 95%;
    	z-index: 9999;
    	position: fixed;
    	bottom: 0px;
    	
    }
    
    </style>
    
    
    <div id="bottombar">
    Prova Barra
    </div>

  2. #2
    così dovresti risolvere

    codice:
    <style type="text/css">
    #bottombar { 
    	background: #f2f2f2;
    	border-top: 1px solid #ccc;
    	border-left: 1px solid #ccc;
    	border-right: 1px solid #ccc;
    	bottom: 0px;
    	color: #333;
    	display: block;
    	height: 25px;
    	left: 0px;
    	margin: 0;
    	width: 95%;
    	z-index: 9999;
    	position: fixed;
    	bottom: 0px;
           
            /* testo allineato al centro del div */ 
            text-align:center;
    
            /* div allineato al centro */ 
            margin-right: auto;
    	margin-left: auto;
    }
    
    </style>

  3. #3
    A me non risulta centrata in nessun browser cosi,e in IE sballa tutto.

  4. #4
    A me non risulta centrata in nessun browser cosi,e in IE sballa tutto.
    Concordo..anche a me..

  5. #5
    ecco qui

    Codice PHP:
    <style type="text/css"
    #bottombar-container{      
    left0px;     
    margin0;     
    width100%;     
    z-index9999;     
    positionfixed;     
    bottom0px
    }  
    #bottombar{      
    background#f2f2f2;     
    border-top1px solid #ccc;     
    border-left1px solid #ccc;     
    border-right1px solid #ccc;     
    bottom0px;     
    color#333;     
    height25px;     
    margin:0 auto;     
    width95%;     
    z-index9999
    }  
    </
    style>   
    <
    div id="bottombar-container"
    <
    div id="bottombar">
     
    Prova Barra 
    </div
    </
    div
    Ubuntu rulez!! :P

  6. #6
    Perfettamente funzionante su tutti i browser.

    Firefox
    Flock
    Chrome
    IE8
    Safari
    Opera

    Aggiungo solo un suggerimento nel body o chi conterra il testo libero,il content cioè metti un padding in modo tale che il testo non vada a finire sotto la barra.

  7. #7
    salve ragazzi ho provato con IE 7

    e la barra purtroppo si posiziona in alto e non in basso come fa con gli altri browser
    c'è un'alternativa?

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.