• User Newbie

    Aiuto html, css e div prime armi - no su Ie

    Ciao a tutti.
    E' il mio primo messaggio.Io sono Alice. Piacere.

    Avrei un problemino e mi rivolgo a voi, dato che mi ispirate parecchia fiducia e ho trovato in passato più volte risposte su questo vostro ben fornito forum!

    Sto provando a creare una pagina html servendomi dei css (div) per impaginare il layout.
    Ora... avrei un problema. Ho tentato di fare qualche contenitore div e di metterci dentro gli oggetti (ove serviva) come background.

    ORRORE:
    su IE non si vede. Ovvero si vede sollo header e il footer, ma è come se non interpretasse ad esempio il float. Perchè al posto dei blocchi dove ho usato il float si vede lo sfondo nero. Non vede nulla. .
    :mmm:

    Con firefox (che uso abitualmente) tutto ok e pure su safari
    :yuppi:

    Ma se... vi incollo il codice per l'htm e il css mi sapete dire che cavolo sbaglio????????
    Mentori miei... vi ringrazio già da ora x le eventuali risposte! E scusate per gli sfondoni che leggerete. Ma da qualche parte si dovrà pur iniziare x imparare! 😊


    INDEX.HTML

    [html] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN">

    <head>
    <title>Blablabla</title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="description" content=" " />
    <meta name="keywords" content=" " />  
    

    <link rel="stylesheet" type="text/css" href="default.css">
    </head>

    <body>

        <div id="Container">
            
                        <div id="Header"></div>
    
                          <div id="Menu">
                                      <div id="HeaderBottom"></div>
                                  <div id="MenuSinistra"></div>
                                      <div id="MenuBottom"></div>
                                  </div>
               
            <div id="Blank">            </div>
          
            <div id="Footer">            </div>
          
            <div id="Bottom">            </div>
          
            </div>
    

    </body>

    </html>
    [/html]___________________________________________________________________________

    CSS

    [html] *{
    padding:0;
    margin:0;
    }

    body
    {
    background-color: black;
    font-family: arial;
    font-size: 10px;
    color: white;
    padding:0;
    margin:0;
    }

    #Container
    {
    width: 1024px;
    margin: 0px;
    }

    #Menu
    {
    width: 382px;
    float: left;
    background:black;
    border:0;
    position: absolute;
    left: 0;
    top: 77px;
    }

    #Blank
    {
    height: 452px;
    width: 646px;
    float: left;
    background: white;
    border: 0;
    margin: 0px;
    margin-left: 382px;
    position: absolute;
    left: 0;
    top: 77px;
    }

    #Header
    {
    height: 78px;
    width: 100%;
    float: left;
    background: url("Sorgenti/Photoshop/header.jpg") top left no-repeat;
    border:0;
    margin: 0px;

    }

    #HeaderBottom
    {
    height: 25px;
    width: 382px;
    float: left;
    background: url("Sorgenti/Photoshop/headerBottom.jpg") top left no-repeat;
    border:0;
    margin: 0px;
    }

    #MenuSinistra
    {
    height: 427px;
    width: 382px;
    float: left;
    background: url("Sorgenti/Photoshop/menuSinistra.jpg") top left no-repeat;
    border:0;
    margin: 0px;
    }

    #MenuBottom
    {
    overflow: auto;
    width: 382px;
    float: left;
    background: url("Sorgenti/Photoshop/menuBottom.jpg") top left repeat;
    border:0;
    margin: 0px;
    }

    #Footer
    {
    clear: both;
    width: 1024px;
    background: url("Sorgenti/Photoshop/footer.jpg") top left no-repeat;
    border:0;
    margin: 0px;
    position: absolute;
    left: 0;
    top: 529px;
    height: 54px;
    }

    #Bottom
    {
    border:0;
    margin: 0px;
    background: url("Sorgenti/Photoshop/bottom.jpg");
    position: absolute;
    left: 0;
    top: 583px;
    }[/html]


  • User Attivo

    Sinceramente non capisco il perchè, stamattina a lavoro ho provato a dargli un'occhiata (la ho installato anche ie 6) ma non sono riuscito a capire in poco tempo il problema, mentre con ie 7 è tutto ok...


  • ModSenior

    Vi ricordo che su ie 6 c'è un bug coi margini bisogna impostarli a -3px affinchè si vedano correttamente in tutti i browser, non ho controllato se il motivo è questo, poi altro bug presente alla dopo che usate già varie volte il float create un div e impostateli clear in both.

    Con la microsoft come dobbiamo fare..... 😄


  • User Attivo

    Beh dai è vero in effetti a volte dobbiamo usare quest'affermazione, ma dalla sua parte è stata la prima a fare un sistema operativo che anche un'incapace potesse usare 😄