Visualizzazione dei risultati da 1 a 7 su 7

Discussione: Div non centrati in IE

  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2004
    Messaggi
    72

    Div non centrati in IE

    Allora eccomi per un nuovo problema, ho un div "container" che contiene tutti i div del sito, head, corpo e foot, ora in FF vengono visulaizzati correttamente centrati l'uno con l'altro, mentre in IE il div "hearder" risulta spostato di una decina di px verso sx, secondo voi da cosa dipende, ecco il codice:

    Codice PHP:
    #container {
        
    background-color:transparent;
        
    width780px;
        
    margin0px auto;
        
    height100%;
        
    text-alignleft;   /* ripristina l'allineamento */
        
    padding-top0px;
        
    color:#333333;
        
    backgroundurl(../img/shadow_01.gifrepeat-y 500;
        
    background-repeatrepeat-y;
    }

    #header {
        
    background-imageurl(../img/top_01.jpg);
        
    background-repeatno-repeat;
        
    width:760px;
        
    height:235px;
        
    margin0 auto;      /* centrare nei browser standard */
        
    text-alignleft;        /* per correggere il center del body */
        
    text-aligncenter;


  2. #2
    Posta il codice completo della pagina e del tuo css (Se non sono composti da centinaia di righe di codice).

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2004
    Messaggi
    72
    ecco il css:
    Codice PHP:
    html,body {
        
    padding:0;
        
    background-color#cccccc;
        
    font-familyVerdanaArialHelveticasans-serif;
        
    margin0 auto;   /* centra negli altri browser */
        
    text-aligncenter;   /* ripristina l'allineamento */
        
    height:100%;
        
    font-size12px;
        
    width100%;  /* altrimenti il margin sotto non ha riferimenti */
    }

    {
        
    text-decoration:none;
        
    color#FFFFFF;
    }

    a:hover {
        
    text-decoration:underline;
        
    color#FF0000;
    }

    a img {
        
    border:0;
    }

    {
        
    margin:0 0 10px 0;
        
    color#000000;
    }

    #container {
        
    background-color:transparent;
        
    width780px;
        
    margin0px auto;
        
    height100%;
        
    text-alignleft;   /* ripristina l'allineamento */
        
    padding-top0px;
        
    color:#333333;
        
    backgroundurl(../img/shadow_01.gifrepeat-y 500;
        
    background-repeatrepeat-y;
    }

    body>div#container {
        
    height:auto;
        
    min-height:100%;
    }

    #content {
        
    width:530px;
        
    text-alignjustify;   /* ripristina l'allineamento */
        
    margin-top50px;
        
    padding-top10px;
        
    padding-bottom10px;
        
    padding-right10px;
        
    padding-left10px;
        
    font-familyVerdanaArialHelveticasans-serif;
        
    font-size12px;
        
    color:#333333;
        
    line-height20px;
        
    float:left;

    }

    div#content{padding: 10px 0px 50px}

    #header {
        
    background-imageurl(../img/top_01.jpg);
        
    background-repeatno-repeat;
        
    width:760px;
        
    height:235px;
        
    margin0 auto;      /* centrare nei browser standard */
        
    text-alignleft;        /* per correggere il center del body */
        
    text-aligncenter;
    }

    #menu {
        
    width:760px;
        
    height:55px;
        
    margin-top0px;
        
    margin0 auto;   /* centra negli altri browser */
        
    text-alignleft;   /* ripristina l'allineamento */
        
    backgroundurl(../img/sfondo_menu.gifrepeat-x;
        
    padding-top12px;
        
    }

    #foot {
        
    clear:both;
        
    font-size10px;
        
    height55px;
        
    width:100%;
        
    positionabsolute;
        
    bottom:0px;
        
    padding-top25px;
        
    background-colortransparent;
        
    background-imageurl(../img/foot_red_2.gif);
        
    background-repeatNo-Repeat;
        
    margin0 auto;   /* centra negli altri browser */
        
    color#FFFFFF;

    e la pagina:

    Codice PHP:
    <head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <
    title></title>
    <
    meta name ="keywords" content="">
    <
    meta name="description" content="">
    <
    style type="text/css" media="all">
        @
    import "css/style.css"
    </
    style>
    </
    head>
    <
    body>
    <
    div id="container">
    <
    div id="header"></div>
    <
    div id="menu">
    </
    div>
    </
    div>
    </
    body>
    </
    html

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2004
    Messaggi
    72
    up!

  5. #5
    Il problema è la mancanza del DOCTYPE e della DTD.

    La tua pagina deve contenere all'inizio, prima dell' <head>:

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
    In questo caso anche IE6 visualizza correttamente.

  6. #6
    Utente di HTML.it
    Registrato dal
    Jun 2004
    Messaggi
    72
    praticamente ho rifatto il layout tutto d'accapo su una base di html.it spero di non avere altri intoppi, ciao e grazie per la cortesia, a buon rendere

  7. #7
    Di nulla.

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 © 2026 vBulletin Solutions, Inc. All rights reserved.