Visualizzazione dei risultati da 1 a 10 su 10

Visualizzazione discussione

  1. #1
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737

    problema con position absolute

    ho un problema con un'immagine da collocare esattamente all'angolo destro di un box.
    probabilmente mi sfugge qualcosa di stupidissimo, perchè mi sembra tutto giusto....

    ho questa struttura:

    codice:
    <div class="box">
    	<div class="titoloBox">
    		bbbb
    		[img]../img/AngoloBox.png[/img]
    	</div>
    	<div class="testoBox">
    		aaaaaaaaaa
    	</div>
    </div>
    con questo css:

    codice:
    .box{
    	font-size: 70%;
    	font-weight: bold;
    	text-align: left;
    	/*padding-left: 0.5em;
    	padding-bottom: 0.5em;*/
    }
    .titoloBox{
    	color: #FFF;
    	margin:0;
    	/*margin-left: -0.5em;*/
    	background:#ff8520 url(../img/titoloBox.png);
    	background-repeat: repeat-x;
    	position: relative;
    	height: 2.23em;
    }
    .titoloBox img{
    	position:absolute;
    	right:0;
    }
    .testoBox{
    	background-color: #ffcc66;
    	margin-right: 0.4em;
    	padding-left: 0.5em;
    }
    non vedo errori o margini.
    titoloBox img dovrebbe posizionarsi nell'angolo a destra di titolobox....
    invece il simpaticissimo IE mi lascia lo spazio che vedete nell'immagine e lo riempie con lo sfondo arancio, quindi è come se trovasse un carattere o del padding, che però non vedo...
    cosa può essere? :master:
    Immagini allegate Immagini allegate
    Chicco Ravaglia per sempre con noi!

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.