Salve a tutti.
Nel mio sito di portfolio ho creato una divisione degli elementi tramite il tag div.
Vorrei inserire una piccola etichetta (che abbia i bordi arrotondati (e questo ho già capito come farlo)). Ho solo il problema di attaccare quest'etichetta alla sinistra del div principale (il contenitore). Pensavo che dicendogli float: right, questo "fluttuasse" a destra fino ad appiccicarsi al div contenitore...
Purtroppo invece si appiccica alla parte destra della finestra del browser...
Il codice usato nella pagina css è il seguente
div.etichetta
{
background-color: #FC0;
padding: 15px 15px 15px 15px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
position:relative;
float:right;
}
div.contenitore
{
background-color: #b2b2b2;
width:840px;
min-height: 100%;
position: absolute;
right: 0px;
left: 0px;
padding:15px;
border:0px;
margin:0 auto;
margin-top:0px;
}
Qualcuno mi da una mano?
In realtà nella pagina html ho inserito prima il div.etichetta e poi il div.contenitore.
Il div.etichetta deve sporgere dalla sinistra del contenitore senza spostarlo...
Vi ringrazio in anticipo per i preziosi consigli che riceverò
Ciao a tutti
A presto!