boxmodel..o cosa??

**Jupy64** · 05-03-2008, 01:21

Ciao a tutti, sono due ore che sto sbattendo la testa con css e box..che non vogliono fare quello che dico io..

In pratica co ie 6 ottengo il risultato come da immagine allegata, mentre con firefox il box verde è ok, ma quello rosso è identico.
Questo è il mio css:

codice:

div#colSx
{
    float:left;
    width:195px;
}
div#colSxBoxModel
{
    padding:15px 2px 2px 2px;
}

div#content
{
    margin: 0 200px 0 200px; 
}

div.boxnews_angsupsx
{
    background-image:url(n_angolo_sup_sx.png);
    background-position:left;
    background-repeat:no-repeat;
    height:44px;
}
div.boxnews_angsupdx
{
    background-image:url(n_angolo_sup_dx.png);
    background-position:right;
    background-repeat:no-repeat;
    height:44px;
}
div.boxnews_titolo
{
    background-image:url(n_sup.png);
    background-repeat: repeat-x;
    margin-left:21px;
    margin-right:21px;
    height:44px;
}
div.boxnews_titolo p
{
    padding-top:23px;
    padding-left:5px;
}

div.boxnews_sx
{
    background-image:url(n_sx.png);
    background-position:left;
    background-repeat: repeat-y;
}
div.boxnews_dx
{
    background-image:url(n_dx.png);
    background-position:right;
    background-repeat: repeat-y;
}
div.boxnews_corpo
{
    border:solid 1px #ffffff;
    background-color:White;
    margin-left:21px;
    margin-right:21px;
}
div.boxnews_corpo p
{
    padding-left:5px;
    padding-right:5px;
}

div.boxnews_anginfsx
{
    background-image:url(n_angolo_inf_sx.png);
    background-position:left;
    background-repeat:no-repeat;
    height:24px;
}
div.boxnews_anginfdx
{
    background-image:url(n_angolo_inf_dx.png);
    background-position:right;
    background-repeat:no-repeat;
    height:24px;
}
div.boxnews_coda
{
    background-image:url(n_inf.png);
    background-position: bottom;
    background-repeat: repeat-x;
    margin-left:21px;
    margin-right:21px;
    height:24px;
}

/*BOX RELATIVO ALLE INFO LATERALI*/
div.boxinfo_angsupsx
{
    background-image:url(i_ang_sup_sx.gif);
    background-position:left;
    background-repeat:no-repeat;
    height:28px;
}
div.boxinfo_angsupdx
{
    background-image:url(i_ang_sup_dx.gif);
    background-position:right;
    background-repeat:no-repeat;
    height:28px;
}
div.boxinfo_titolo
{
    background-image:url(i_sup.gif);
    background-repeat: repeat-x;
    margin-left:8px;
    margin-right:8px;
    height:28px;
}
div.boxinfo_titolo p
{
    padding-top:7px;
    padding-left:5px;
}

div.boxinfo_sx
{
    background-image:url(i_sx.gif);
    background-position:left;
    background-repeat: repeat-y;
}
div.boxinfo_dx
{
    background-image:url(i_dx.gif);
    background-position:right;
    background-repeat: repeat-y;
}

div.boxinfo_corpo
{
    background-color: Aqua;
    padding-left:5px;
    padding-right:5px;
    margin-left:8px;
    margin-right:8px;
}

div.boxinfo_anginfsx
{
    background-image:url(i_ang_inf_sx.gif);
    background-position:left top;
    background-repeat:no-repeat;
    height:8px;
}
div.boxinfo_anginfdx
{
    background-image:url(i_ang_inf_dx.gif);
    background-position:right top;
    background-repeat:no-repeat;
    height:8px;
}
div.boxinfo_coda
{
    background-image:url(i_inf.gif);
    background-position: center top;
    background-repeat: repeat-x;
    margin-left:8px;
    margin-right:8px;
    height:8px;
}


<body>
<div id="container">
    <div id="colSx">    
      <div id="colSxBoxModel">
        <div class="boxinfo_angsupsx">
            <div class="boxinfo_angsupdx">
                <div class="boxinfo_titolo">

COLONNA SX</p></div>
            </div>
        </div>
        <div class="boxinfo_sx">
            <div class="boxinfo_dx">
                <div class="boxinfo_corpo"> 
                    

info info info info info</p>
                    

info info info info info</p>
                    

info info info info info</p>
                    

info info info info info</p>
                    

info info info info info</p>
                </div>
            </div>
        </div>    
        <div class="boxinfo_anginfsx">
            <div class="boxinfo_anginfdx">
                <div class="boxinfo_coda"></div>
            </div>
        </div>
      </div>
    </div>
    
    <div id="content">
        <div class="boxnews_angsupsx">
            <div class="boxnews_angsupdx">
                <div class="boxnews_titolo">

TITOLO</p></div>
            </div>
        </div>
        <div class="boxnews_sx">
            <div class="boxnews_dx">
                <div class="boxnews_corpo">
                    

prova corpo prova corpo</p>
                    

prova corpo prova corpo</p>
                    

prova corpo prova corpo</p>
                    

prova corpo prova corpo</p>
                    

prova corpo prova corpo</p>
                </div>
            </div>
        </div>
        <div class="boxnews_anginfsx">
            <div class="boxnews_anginfdx">
                <div class="boxnews_coda"></div>
            </div>
        </div>
    </div>
</div>
</body>

Dove sto sbagliando??

**Jupy64** · 05-03-2008, 18:57

up..

Discussione: boxmodel..o cosa??

Strumenti discussione

Ricerca discussione

Visualizza

boxmodel..o cosa??

Permessi di invio