Visualizzazione risultati 1 fino 3 di 3

Discussione: Problema con position:fixed

  1. #1
    Guest

    Predefinito Problema con position:fixed

    Salve, stavo creando questa skin e volevo mettere il menu' fisso in modo che non scorra a differenza del resto della pagina.. Il problema è che se gli metto: position: fixed; nel css scompare dall' index, mentre se lo lascio riappare (ma ovviamente rimane static).. Questo è il codice CSS:

    Codice HTML:
    body {
    margin-top: 0;
    padding: 0;
    background: url(images/bg.gif);
    color: white;
    }
    
    .top {
    background: url(images/top.png);
    width: 740px;
    height: 80px;
    margin: auto;
    }
    
    .center {
    background: url(images/center.png);
    width: 740px;
    height: auto;
    margin: auto;
    }
    
    .text {
    margin: auto;
    width: 720px;
    text-align: center;
    }
    
    .bottom {
    background: url(images/bottom.png);
    width: 740px;
    height: 22px;
    margin: auto;
    }
    
    a:link, a:visited {
    color: red;
    text-decoration: none;
    font-weight: bold;
    }
    
    a:hover {
    color: white;
    text-decoration: underline;
    cursor: crosshair;
    }
    
    #cp {
    font-size: 12px;
    }
    
    #rapid {
    font-size: 10px;
    text-align: center;
    margin: auto;
    }
    
    #navbar {
    position: fixed;
    background: #3a3631;
    border: 2px solid #4f4b45;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    width: 98%;
    height: 30px;
    text-align: center;
    }
    
    #navbar_in {
    margin-left: 300px;
    }
    
    .button {
    background: #6a6355;
    border: 2px solid #928a79;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    margin-right: 5px;
    height: 27px;
    width: auto;
    float: left;
    }
    
    .button a:link, .button a:visited {
    text-decoration: none;
    color: white;
    }
    
    img {
    border: 0;
    outline: none;
    }
    
    .button_text {
    color: white;
    padding: 4px 10px 4px 10px;
    font-weight: bold;
    font-size: 15px;
    }
    
    .icon {
    margin-top: -23px;
    float: left;
    margin-right: 6px;
    }
    Il link dell' index è il seguente: http://habbogoodies.altervista.org/new/index.html

  2. #2
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    In teoria dovresti anche definire DOVE posizionare la barra, e non solo COME (position: fixed).

    Quindi aggiungere anche due tra queste proprietà (ovviamente, non quelle che confliggono...):
    - top: ... (distanza dall'alto)
    - bottom: ... (distanza dal basso)
    - left: ... (distanza dal lato sinistro)
    - right: ... (distanza dal lato destro)

    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  3. #3
    Guest

    Predefinito

    Edit: risolto grazie!
    Ultima modifica di exabyte : 22-04-2011 alle ore 16.40.28

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •