Visualizzazione dei risultati da 1 a 2 su 2

Discussione: Bug Firefox!!

  1. #1

    Bug Firefox!!

    Salve a tutti,
    non faccio altro che leggere di bug e problemi vari di IE di tutte le versioni, relativi ai css. Tuttavia devo dire che almeno fin'ora, con IE7, non ho ancora avuto problemi. Non posso dire lo stesso del Firefox ultima versione. In poche parole ho creato una pagina web ed il relativo css ma col FFox sembra esserci un problema di allineamento verticale dei contenuti. Ad. es. se imposto "top:20px;" come attributo del div contenitore, la distanza visualizzata sarà + o - la metà. Dicasi lo stesso x gli altri div. Ad es. ho un div che contiene un menù orizzontale e il testo esce fuori di metà in basso al div stesso. Come posso fare x dare un allineamento a partire dal margine superiore ai contenuti dei div in FFox? Ho provato col padding ma nulla da fare. Considerate che nell'html i div sono tutti nel div contenitore, quindi sono annidati. Vi incollo il css e il body dell'html.
    Vi sarei davvero grato se mi aiutaste.
    Grazie

    @charset "utf-8";
    /* CSS Document */

    body {
    background-color:#F4F4F4;
    font-size:80%;
    line-height:100%;
    }

    p {
    font-size:1em;
    font-family:Verdana;
    }

    a {
    font-weight:bold;
    text-decoration:none;
    }

    a:link {
    color:blue;
    }

    a:visited {
    color:blue;
    }

    a:hover {
    color:#cc0033;
    text-decoration:underline;
    }

    #contenitore {
    position:relative;
    width:960px;
    height:800px;
    border-width:1px;
    border-color:#000000;
    border-style:solid;
    z-index:1;
    }

    #intestaz {
    position:absolute;
    top:30px;
    left:300px;
    width:353px;
    height:243px;
    z-index:2;
    }

    #menu_oriz {
    font-weight:bold;
    position:absolute;
    left:270px;
    top:350px;
    width:420px;
    height:20px;
    border-width:1px;
    border-color:#000000;
    border-style:dashed;
    z-index:3;
    }

    #menu_vert {
    font-weight:bold;
    position:absolute;
    left:30px;
    top:420px;
    width:180px;
    height:110px;
    border-width:1px;
    border-color:#000000;
    border-style:dashed;
    z-index:3;
    }

    <body>
    <div align="center">
    <div id="contenitore">
    <div id="intestaz">[img]images/LogoFull.gif[/img]</div>
    <div id="menu_oriz" align="left">

    Home | Chi siamo | Dove siamo | Obiettivo salute | Blog</p></div>
    <div id="menu_vert" align="left">

    Assistenza domiciliare
    Ambulatori specialistici
    Formazione
    Consulenze
    Servizi informatici
    newsletter</p></div>
    </div>
    </div>
    </body>
    Vicino ad un pc c'è solo da impazzire

  2. #2

    Ho quasi trovato la soluzione!

    Girando qua e la ho trovato qualcosa di interessante. In poche parole il FFox vuole che nel tag p del css io specifichi margin:0px; e padding:0px;. Diciamo che così si risolve abbastanza bene il problema ma non del tutto in quanto, ad esempio, in un menù testuale verticale, la distanza tra le righe è leggerissimamente maggiore in FFox che in IE7. Cosa fare?
    Grazie
    Vicino ad un pc c'è solo da impazzire

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.