Visualizzazione dei risultati da 1 a 5 su 5

Discussione: Test su Safari Mac

  1. #1

    Test su Safari Mac

    C'è qualche volenteroso che mi testa questa pagina http://www.movingbox.org/htmltest/home.htm su Mac con Safari?
    Mi hanno riferito ke c'è un problema sul footer (non molto kiaramente devo dire) nel senso ke a quanto pare viene tagliato... da inesperto (ci sto provando!!) del table-less penso sia un problema dovuto all'altezza... L'ho testato su I.E.6, Netscape 7.2, Mozilla, Firefox e Opera su PC e il risultato, a parte qualke dettaglio (accetto consigli!!)mi sembra ok...
    Non riesco appunto a capire il prob su Mac con Safari...Aiuto!
    ////////////////////
    stili:

    html,body {
    margin: 0;
    padding:0;
    height:100%;
    text-align: center;
    background-color : #D4D0C8;
    }
    div#container {
    background: #566672 url(../pics/bkgd_main.gif);
    position:relative;
    width: 760px;
    height: 100%;
    margin: 0 auto;
    text-align: left;

    }
    body>div#container {
    height: auto;
    min-height:100%;
    height: 100%;
    }
    div#header{
    position: absolute;
    top: 0;
    left: 50%;
    width: 760px;
    height: 169px;
    margin-left: -380px;
    }
    div#navigation {
    background: url(../pics/rigo_puls.gif) top right no-repeat;
    position: relative;
    top: 169px;
    padding-top: 20px;
    }
    div#picsdir {
    margin: 40px 0 0 15px;
    }
    div#homenews {
    text-align: left;
    position: relative;
    width: 600px;
    background: #404c55;
    height: 172px;
    margin: 30px 0 0 0;
    }
    div#footer {
    position: absolute;
    bottom:0;
    padding: 10px 0 10px 0;
    width: 100%;
    background-color: #5d6d79;
    color: #df;
    text-align:center;
    }

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    411
    Il problema con il footer c'è, ma è anche presente su firefox e tutta la famiglia di browser mozilla.
    Hai impostato la posizione del footer in modo assoluto con bottom: 0; e così il bravo footer se ne sta attaccato sempre al fondo della finestra, anche quando il contenuto va oltre.
    Ti consiglio di non usare troppo position: absolute e relative, prova invece ad usare float

  3. #3
    :master:
    ma praticamente dici che l'unico problema rilevato con Safari su Mac è il fatto che il footer rimane in primo piano? Ma le barre di scorrimento ci sono?
    E per posizionarlo in fondo senza che rimanga in primo piano???
    Grazie...

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    411
    Fa la stessa cosa anche con firefox, apri il tuo sito con firefox e rimpicciolisci la finestra.

  5. #5
    Niente da fa'!!!
    Al max riesco a gestire le sovrapposizioni con z-index... mai l risultato non è il max...
    Ho provato a spostare fuori il div#footer dal div#container, ma il risultato non cambia, se lo posiziono absolute bottom:0 in modo che rimanga attaccato al fondo del container mi si aggiunge come height e mi spara fuori le barre (in Explorer...)

    Hai qualke suggerimento??

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 © 2025 vBulletin Solutions, Inc. All rights reserved.