Visualizzazione dei risultati da 1 a 4 su 4

Discussione: div e bizze di IE6

  1. #1
    Utente di HTML.it L'avatar di bagu
    Registrato dal
    Mar 2003
    Messaggi
    620

    div e bizze di IE6

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <meta name="generator" content="http://www.inknoise.com/experimental/layoutomatic.php" /> <style type="text/css">
    #container {
    width: 760px;
    \width: 780px;
    w\idth: 760px;
    border: 1px solid gray;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    font-size:12px;
    }

    #banner {
    height:100px;

    margin-bottom: 0;
    background-color: rgb(213, 219, 225);
    text-align:center;
    background-image:url(immagini/logo.jpg);
    background-repeat:no-repeat;


    }

    #imagebanner {
    height:60px;
    width:760px;
    text-align: right;
    }
    h1 {
    text-align: center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    margin-top:5px;
    margin-bottom:-0px;
    font-size:150%;
    }
    h2 {
    text-align: center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    margin-top:0px;
    margin-bottom:5px;
    font-size:120%;
    }

    #corpo {
    clear: both;
    padding: 0px;
    margin-top: 0;
    border-top: 1px solid black;
    background-color: rgb(213, 219, 225);
    }

    #content {
    padding: 0px;
    margin-left: 150px;
    margin-right: 150px;
    background-color: gray;
    height:500px;
    }

    #news {
    padding: 0px;
    background-color: red;}
    #uno {
    margin-top:20px;
    margin-left:20px;
    float:left;
    width:200px;
    height:120px;
    padding: 0px;
    background-color: blue;
    border: 1px solid black;}
    #due{
    margin-top:20px;
    margin-left:20px;
    float:left;
    width:200px;
    height:120px;
    padding: 0px;
    background-color: blue;
    border: 1px solid black;}
    #tre{
    margin-top:20px;
    margin-left:20px;
    float:left;
    width:200px;
    height:120px;
    padding: 0px;
    background-color: blue;
    border: 1px solid black;}

    #quattro{
    margin-top:20px;
    margin-left:20px;
    float:left;
    width:200px;
    height:120px;
    padding: 0px;
    background-color: blue;
    border: 1px solid black;}

    #cinque{
    margin-top:20px;
    margin-left:20px;
    float:left;
    width:200px;
    height:120px;
    padding: 0px;
    background-color: blue;
    border: 1px solid black;}
    #sei{
    margin-top:20px;
    margin-left:20px;
    float:left;
    width:200px;
    height:120px;
    padding: 0px;
    background-color: blue;
    border: 1px solid black;}
    #sidebar-a {

    float: left;
    width: 150px;
    \width: 160px;
    w\idth: 150px;
    margin: 0;
    margin-right: 0;
    border-right: 1px solid black;

    background-color: rgb(235, 235, 235);
    }

    #sidebar-b {

    float: right;
    width: 150px;
    \width: 160px;
    w\idth: 150px;
    margin: 0;
    margin-left: 0;
    border-left: 1px solid black;

    background-color: rgb(235, 235, 235);
    }

    #footer {
    clear: both;
    padding: 0px;
    margin-top: 0;
    border-top: 1px solid black;

    background-color: rgb(213, 219, 225);
    }
    #navlist
    {
    padding-left: 0;
    margin-left: 0;
    border-bottom: 1px solid black;
    width: 150px;
    }

    #navlist li
    {
    list-style: none;
    margin: 0;
    padding: 0.25em;

    }

    #navlist li a { text-decoration: none; }
    </style>
    </head>
    <body>
    <div id="container">
    <div id="banner">
    <div id="imagebanner">[img]immagini/banner.jpg[/img]
    </div>
    <h1>titolo del sito</h1>
    </div>
    <div id="corpo">
    <div id="sidebar-a">
    <ul id="navlist">
    <li id="active">Item one[*]Item two[*]Item three[*]Item four[*]Item five[/list]
    <ul id="navlist">
    <li id="active">Item one[*]Item two[*]Item three[*]Item four[*]Item five[/list]
    </div>

    <div id="sidebar-b"><ul id="navlist">
    <li id="active">Item one[*]Item two[*]Item three[*]Item four[*]Item five[/list]
    <ul id="navlist">
    <li id="active">Item one[*]Item two[*]Item three[*]Item four[*]Item five[/list]
    </div>

    <div id="content">
    <div id="news"><h2>news ed eventi</h2>gggggggggggggggggggggggggggg hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</div>
    <div id="uno">[img]immaginirigablu.jpg[/img]</div>
    <div id="due"></div>
    <div id="tre"></div>
    <div id="quattro"></div>
    <div id="cinque"></div>
    <div id="sei"></div>
    </div>
    </div>

    <div id="footer"></div>
    </div>
    </body>
    </html>

    firefox e opera sono ok.
    ie6 allinea i div blu (non fate caso ai colori sono solo per distinguere i div...) li mette uno sull'altro... penso sia questione dell'interpretazione del box model di ie6 , ma nn riesco a sistemare.
    Qualch suggerimento ?
    Ciao e grazie
    Paolo
    Non so se Dio esiste ma se non esiste ci fa una figura migliore!
    - S. Benni -

  2. #2
    Credo sia il solito box-model:
    Colleziono problemi matematici divertenti o strani e li raccolgo nel mio sito. Se me ne mandate qualcuno vi ringrazio. flan

  3. #3
    Utente di HTML.it L'avatar di bagu
    Registrato dal
    Mar 2003
    Messaggi
    620
    up
    Non so se Dio esiste ma se non esiste ci fa una figura migliore!
    - S. Benni -

  4. #4
    Utente di HTML.it L'avatar di bagu
    Registrato dal
    Mar 2003
    Messaggi
    620
    risolto così :

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
    <head>
    <style type="text/css">
    #container {
    width: 760px;
    \width: 780px;
    w\idth: 760px;
    border: 1px solid gray;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    font-size:12px;
    }

    #banner {
    height:100px;
    margin-bottom: 0;
    background-color: FFFFFF;
    text-align:center;
    background-image:url(immagini/logobicchi1.gif);
    background-repeat:no-repeat;
    }

    #imagebanner {
    height:60px;
    width:760px;
    text-align: right;
    }
    h1 {
    text-align: left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    margin-top:10px;
    margin-bottom:0px;
    font-size:150%;
    margin-left: 292px;
    }
    h2 {
    text-align: center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    margin-top:0px;
    margin-bottom:5px;
    font-size:120%;
    }

    #corpo {
    clear: both;
    padding: 0px;
    margin-top: 0;
    border-top: 1px solid black;
    background-color: FFFFFF;
    }

    #content {
    padding: 0px;
    margin-left: 150px;
    margin-right: 150px;
    background-color: FFFFFF;
    height:450px;
    }

    #sx {
    margin-top:0px;
    margin-left:0px;
    float:left;
    width:50%;
    height:450px;
    background-color: FFFFFF;
    }
    #dx {
    margin-top:0px;
    margin-left:0px;
    float:left;
    width:50%;
    height:450px;
    background-color: FFFFFF;
    }

    #uno {

    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    height:120px;
    background-color: FFFFFF;
    border: 1px solid black;}

    #due{
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    height:120px;
    background-color: FFFFFF;
    border: 1px solid black;}

    #tre{
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    height:120px;
    background-color: FFFFFF;
    border: 1px solid black;}

    #quattro{
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    height:120px;
    background-color: FFFFFF;
    border: 1px solid black;}

    #cinque{
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    height:120px;
    background-color: FFFFFF;
    border: 1px solid black;}

    #sei{
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    width:200px;
    height:120px;
    background-color: FFFFFF;
    border: 1px solid black;}

    #sidebar-a {
    float: left;
    width: 140px;
    margin: 0;
    margin-right: 0;
    border-right: 1px solid black;
    background-color: FFFFFF;
    }

    #sidebar-b {
    float: right;
    width: 140px;
    margin: 0;
    margin-left: 0;
    border-left: 1px solid black;
    background-color: FFFFFF;
    }

    #footer {
    clear: both;
    padding: 0px;
    margin-top: 0;
    border-top: 1px solid black;

    background-color: FFFFFF;
    }
    #navlist
    {
    padding-left: 0;
    margin-left: 0;
    border-bottom: 1px solid black;
    width: 140px;
    }

    #navlist li
    {
    list-style: none;
    margin: 0;
    padding: 0.25em;

    }

    #navlist li a { text-decoration: none; }
    </style>
    </head>
    <body>
    <div id="container">
    <div id="banner">
    <div id="imagebanner">[img]immagini/banner.jpg[/img]
    </div>
    <h1>I vini e le cantine delle valli piacentine </h1>
    </div>
    <div id="corpo">
    <div id="sidebar-a">
    <ul id="navlist">
    <li id="active">Val Tidone [*]Val Trebbia [*]Val Nure [*]Val d'Arda [*]Le cantine di tutte le valli
    <hr>
    <li id="active">Vini bianchi[*]Vini rossi[*]Ricette con il vino[*]Pagine utili
    [*]Pagine utili
    <hr>[*]Zona utenti[*]Come pubblicare[*]Pagine utili[/list]
    </div>

    <div id="sidebar-b">


    NEWS E EVENTI</p>


    </p>


    </p>



    LINK SPONSORIZZATI</p>


    </p>


    </p>
    </div>

    <div id="content">
    <div id="sx">
    <div id="uno"></div>
    <div id="due"></div>
    <div id="tre"></div>
    </div>
    <div id="dx">
    <div id="quattro"></div>
    <div id="cinque"></div>
    <div id="sei"></div>
    </div>
    </div>
    </div>

    <div id="footer">web design by chiaroweb.net</div>
    </div>
    </body>
    </html>
    Non so se Dio esiste ma se non esiste ci fa una figura migliore!
    - S. Benni -

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.