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

    margin-top=0 FF nn ne vuole sapere di allinearsi

    Ciao a tutti,
    mi sto cimentando per la prima volta a fare una pagina con i css esterni..... vorrei che il box principale, quello che contiene tutta la pagina, non avesse margini sopra. Per intenderci:
    margin-top: 0;
    top: 0;
    padding-top: 0;
    ho provato con tutti i tag, ma FF, Netscape, Mozilla e Opera non ne vogliono sapere...
    Ho messo margin-top: 0; anche nel body (che è sempre nel css esterno) ma funziona solo IE.... questo mi fa supporre che è IE che sbaglia, ma il problema rimane... come posso fare per favore?

    Grazie
    Flavio

  2. #2
    prova a postare tutto il codice css..e l'xhtml..



    P.s:spero di poterti dare una mano ma non garantisco nulla.

  3. #3
    Grazie!!!
    questo è il css (un pezzo... mancano le parti per il testo e i link)
    body{
    background: #FFFFFF;
    margin: 0 0 0 0;
    font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #000000;
    font-size : 0.8em;
    text-align: center;
    }

    #principale {
    text-align: center;
    top: 0px;
    left: 0px;
    width: 770;
    margin: 0 auto;
    }

    #testata {
    width: 770;
    height: 65;
    margin: 0 auto;
    }

    #loghino {
    position: absolute;
    top: 12;
    left: 125;
    z-index: 1;
    }

    #testa1 {
    margin-top: 0;
    float: left;
    left: 0px;
    top: 0;
    width:147;
    height: 44;
    }

    #testa2 {
    float: left;
    left: 147;
    top: 0;
    width: 461;
    height: 44;
    }
    #testa3 {
    float: left;
    top: 0;
    width: 162;
    height: 44;
    }

    #testa4 {
    float: left;
    text-align: left;
    width: 162;
    height: 21;
    }

    #testa5 {
    float: left;
    width: 446;
    height: 21;
    align: right;
    }

    #testa6 {
    float: left;
    width: 150;
    height: 21;
    }



    #colsx {
    clear: left;
    float: left;
    left: 0px;
    width: 150;
    height: 200;
    background-image: url(../pix/sol_t04.gif);
    layer-background-image: url(../pix/sol_t04.gif);
    background-repeat: repeat-y;
    }

    #contenuti {
    padding-left: 5;
    clear: right;
    text-align: left;
    width: 615;
    }


    e questa è la pagina.... è il template di un CMS, per cui alcuni pezzi sono degli include

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html><head><title>Manuale</title>
    {metaname}
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <LINK REL="stylesheet" TYPE="text/css" href="style/{stile}">
    </head>

    <div id="body">
    <%include file=include/t1.txt%>
    <div id="principale">
    <div id="colsx">

    </div>

    <div id="contenuti"><div class="testo">{testo}</div></div>


    </div>

    <%include file=include/redaf.txt%>

    </div>
    </html>

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.