Visualizzazione dei risultati da 1 a 10 su 10
  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!

  2. #2
    non ho capito molto bene... :master:
    cmq right: non ha unità di misura, può essere quello?

  3. #3
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    il problema è che IE mi lascia un paio di px a destra invece di mettere l'immagine a 0 come dovrebbe.
    per l'unità di misura... 0 non ne ha bisogno, provo a aggiungerla perchè con IE non si sa mai, ma non credo proprio sia quello.
    Chicco Ravaglia per sempre con noi!

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

    non abbandonatemi
    Chicco Ravaglia per sempre con noi!

  5. #5
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    :master:
    cosa manca nella descrizione?
    è così difficile?
    :master:

    help!
    Chicco Ravaglia per sempre con noi!

  6. #6
    .titoloBox img{
    display: block;
    position:absolute;
    right:0;
    probabilmente devi anche definire height e width;
    }

    ciao
    Era il mio cane!

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


    però mettendo right:-1px funziona.

    ehm... perchè devo mettere -1 se io lo voglio sullo 0?
    manco gli assi cartesiani conoscono
    Chicco Ravaglia per sempre con noi!

  8. #8
    il 2milionesimo bug di IE?
    come al solito fa il capriccioso... prova a sfruttare qualche altro bug del suddetto e forniscili sto -1: mi sa che non hai altra scelta...

  9. #9
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    per ora ho messo -1 e poi con important setto 0 per gli altri che lo reggono.
    però se riesco a capire il motivo di una simile schifezza cerco di risolvere, perchè è un'immagine importante per la struttura, averla sballata di 1px sta malissimo.
    riuscire a non dipendere dai bug per risolvere bug darebbe un po' più di stabilità al tutto...
    certo che è veramente assurdo il numero di bug che ha...

    dioprofondo:
    Chicco Ravaglia per sempre con noi!

  10. #10
    Utente di HTML.it L'avatar di Polley
    Registrato dal
    Jan 2005
    Messaggi
    696
    certo che la bug-mania dilaga eh :rollo:

    hai un'immagine che deve essere posizionata con il posizionamento assoluto tramite delle coordinate che vengono prese dal blocco che contiene l'immagine.
    come fà a sapere quanto è grande questo blocco ?
    dai a titoloBox un'unita di misura in lunghezza e vedrai che l'immagine si posiziona perfettamente dove vuoi :rollo:

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.