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

    Info Impostazione Layout

    Salve,

    Sono nuovo e volevo sapere perchè con firefox il layout base che voglio creare si vede bene... mentre con IE viene tutto sbagliato...
    So che mi direte di leggermi le guide e i libri... ma ho letto un pò di guide e non riesco a trovare il problema... ve ne sarei davvero grato se mi dite il problema e la soluzione migliore per farlo venire giustamente...

    Vi allego cosa ho scritto nel css e nell xhtml...

    CSS:

    body {
    background-color:#252525;
    }

    #contenitore {
    left:0px;
    top:0px;
    width:680px;
    height:700px;
    float:left;
    background-color:#FFFFFF;
    }

    #header {
    left:29px;
    top:21px;
    width:629px;
    height:81px;
    float:left;
    background-color:#FF0000;
    margin-top:21px;
    margin-left:29px;
    }

    #latosx {
    left:29px;
    top:125px;
    width:312px;
    height:542px;
    float:left;
    background-color:#00FF00;
    margin-left:29px;
    margin-top:23px;
    }

    #latodx {
    left:347px;
    top:125px;
    width:311px;
    height:542px;
    float:left;
    background-color:#0000FF;
    margin-left:6px;
    margin-right:22px;
    margin-top:23px;
    }


    XHTML:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Documento senza titolo</title>
    <link href="stile.css" rel="stylesheet" type="text/css" />
    </head>


    <body>

    <div id="contenitore">


    <div id="header">

    </div>


    <div id="latosx">

    </div>


    <div id="latodx">

    </div>


    </div>

    </body>
    </html>


    Firefox


    IE


    GRAZIE MILLE

  2. #2
    Utente di HTML.it L'avatar di goat
    Registrato dal
    Apr 2003
    Messaggi
    1,154
    Così mi funzia sia su IE che su FF. Su Safari non l'ho testato.
    Di seguito il codice CSS:

    body {
    background-color:#252525;
    }

    #contenitore {
    width:636px;
    height:666px;
    padding-left:11px;
    float:left;
    background-color:#FFFFFF;
    }

    #header {
    width:624px;
    height:81px;
    margin-top:11px;
    float:left;
    background-color:#FF0000;
    }

    #latosx {
    width:312px;
    height:542px;
    margin-top:11px;
    float:left;
    background-color:#00FF00;
    }

    #latodx {
    width:312px;
    height:542px;
    margin-top:11px;
    float:left;
    background-color:#0000FF;
    }
    "Qualunque impressione faccia su di noi, egli è un servo della legge, quindi appartiene alla legge e sfugge al giudizio umano."

  3. #3
    Ti ringrazio per la risposta ma il risultato che mi hai dato è diverso dal layout...

    Il risultato giusto è come nello screenshot di come si vede in Firefox...ma non so perchè in IE è totalmente diverso...

  4. #4
    Utente di HTML.it L'avatar di goat
    Registrato dal
    Apr 2003
    Messaggi
    1,154
    Originariamente inviato da capleton
    Ti ringrazio per la risposta ma il risultato che mi hai dato è diverso dal layout...

    Il risultato giusto è come nello screenshot di come si vede in Firefox...ma non so perchè in IE è totalmente diverso...
    Ho creato il layout cercando di farlo il più simile possibile all'incona nel tuo messaggio. Modificando i valori dei vari padding e le dimensioni dei div dovresti riuscire ad adattarlo molto facilmente.
    Zao zao,
    goat
    "Qualunque impressione faccia su di noi, egli è un servo della legge, quindi appartiene alla legge e sfugge al giudizio umano."

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.