Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    75

    visualizzazione immagine diversa tra ff e ie

    Ciao a tutti, ho un'immagine che viene vista in maniera diversa su ff (dove la visualizza in maniera corretta) e ie dove invece questa viene ingrandita.....l'immagine è img/1pxbianco.gif
    questo il codice html
    <body>
    <div class="comunicazione">
    <a class="comunicazione"href="">
    Se non riesci a leggere questa comunicazione clicca qui
    </a>
    </div>


    <div id="container">
    <div id="header">
    [img]img/agenat.gif[/img]
    </div>
    <div id="contentBody">
    [img]img/1pxbianco.gif[/img]
    [img]img/xmas05.gif[/img]</div>
    <div id="footer">
    [img]mg/footerok.gif[/img]</div>
    <div id="animata"> Clicca
    <a href="">
    qui</a> per vedere la versione animata</div>
    </div>




    <div id="copyright">Powered by
    <a href="">V
    </a>
    </div>
    </body>
    </html>

    Questo il codice css

    body{
    background-color:#e7f3ff;
    color:#666666;
    font-family:sans-serif,Arial,Helvetica,Verdana;
    text-align:left;
    font-size:11px;
    padding:0;
    margin:0;
    }
    .comunicazione{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:700px;
    background-color:#e7f3ff;
    color:#000000;
    }
    #container{
    margin: 0px auto; /*** centra negli altri browser*/
    text-align:left; /***ripristina l'allineamento***/
    width:700px;
    background-color:#FFFFFF;
    color:#000000;
    }

    #header{
    width:700px;
    height:120px;
    margin-bottom:0;
    }
    #contentBody{
    width:700px;
    }
    #footer{
    text-align:center;
    background-color:#FF0000;
    color:#0033FF;
    }

    #animata{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:700px;
    background-color:#e7f3ff;
    color:#333333;
    }
    #copyright{
    text-align:center;
    font-size:9px;
    }
    potete aiutarmi?
    inserisco l'immagine....può aiutarmi qualcuno?

    Grazie mille
    Immagini allegate Immagini allegate

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    75
    ho capito ora che non vengono attaccate le due immagini contenute nel contentBody....come posso fare?

  3. #3
    Per attaccare le immagini prova così:
    codice:
    #contentBody img{
    margin: 0;
    padding: 0;
    vertical-align: bottom; /*questo non so se può servire... "forse" */
    }

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    75
    grazie, avevo già provato ma non andava....provando e riprovando ho scoperto poco fà che ie interpreta le immagini scritte una sotto l'altra come immagini separate, ho attaccato il testo e funziona.......

    Grazie mille per il tuo interessamento e aiuto...

    Ciao

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.