Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Due colonne

  1. #1

    Due colonne

    Ragazzi sono un neofita nei CSS,so i problemi di visualizzazione di IE & FF ma vorrei capire se e come posso corregere questo layout a due colonne.
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Documento senza titolo</title>
    </head>
    <style type="text/css">
    div#menu{
    float: left;
    width: 200px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    height: 350px;
    }
    div#content{
    margin-left: 200px;
    width: 566px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    height: 350px;
    }
    div#footer{
    clear: left;
    width: 766px;
    height: 120px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000066;
    border-right-color: #000066;
    border-bottom-color: #000066;
    border-left-color: #000066;
    }
    #header {
    height: 294px;
    width: 766px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    }
    </style>
    <body>
    <div id="container">
    <div id="header">
    </div>
    <div id="menu"></div>
    <div id="content"></div>

    <div id="footer"> qui il footer </div>
    </div>
    </body>
    </html>
    con FF e tutto a posto mentre IE mi sposta il DIV content di 10px a sinistra.Come fare?

  2. #2
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777
    Usa i commenti condizionali per spostare solo per IE di 10px a destra

  3. #3
    Grazie per avermi risposto Gufo .Bè.....ho visto un pò in giro e più o meno ho capito qualcosa.Ma...(da neofita ) un esempio pratico?

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    1) utilizza un doctype strict (html o xhtml, dipende come hai scritto il markup)

    2) valida il codice e poi controlla se la pagina si rimette a posto su IE

    se la procedura non risolve fai una ricerca nel forum con "commenti condizionali" in modo da impostare una regola che valga per una o più versioni di IE
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

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.