Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2004
    Messaggi
    2

    il margin-left=20px di un DIV per IE non è 20px...

    Salto i preamboli e arrivo al sodo. Se avete la pazienza di provare il seguente codice, noterete che in IE il margine di 20px del DIV "logoam" non è visivamente di 20 px ma sembra il doppio, mentre tutti gli altri browser (ho provato Opera, Firefox, Mozilla, Netscape) è corretto... MA PERCHE'?

    Ringrazio per l'attenzione.
    bye
    Maurizio



    --- inizio codice ------------------------------------------------
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta http-equiv="Content-Language" content="it-IT">
    <style type="text/css">
    <!--
    body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #CCCCCC;
    margin: 0;
    }
    #masterbox {
    width: 760px;
    background-color: #FFFFFF;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    position: relative;
    }
    #header {
    width: 760px;
    height: 200px;
    }
    #menu {
    width: 760px;
    height: 30px;
    background-color: #000000;
    color: #FFFFFF;
    }
    #content {
    width: 760px;
    }
    #footer {
    width: 760px;
    height: 45px;
    }
    #footer #blkbar {
    background-color: #000000;
    width: 760px;
    height: 5px;
    font-size: 1px;
    }
    #footer #logoam {
    width: 150px;
    height: 40px;
    background-color: #00FFFF;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    }
    #footer #copyright {
    width: 320px;
    height: 40px;
    background-color: #00FFFF;
    float: left;
    margin-right: 30px;
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    }
    #footer #update {
    width: 150px;
    height: 40px;
    background-color: #00FFFF;
    float: left;
    margin-left: 30px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
    -->
    </style>
    </head>
    <body>
    <div id="masterbox">
    <div id="header">
    header </div>
    <div id="menu">menu</div>
    <div id="content">content</div>
    <div id="footer">
    <div id="blkbar"></div>
    <div id="logoam">logo</div>
    <div id="copyright">copyright</div>
    <div id="update">update</div>
    </div>
    </div>
    </body>
    </html>
    --- fine codice ------------------------------------------------

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2004
    Messaggi
    2
    scusate, ecco un link per vedere subito in azione il codice dic ui sopra...
    http://www.32po.net/test.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.