Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    position absolute e position relative

    altra domanda facile facile (per chi la sa, sigh!)

    se ho una foto all'interno di un div, con position absolute la piazzo rispetto allo schermo e con position relative, rispetto al div che la contiene?

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2001
    Messaggi
    3,259
    mi prenoto per la risposta


    - Si


    confermo ed accendo



  3. #3
    codice pagina:
    codice:
    <div id="esterno">
    <div id="menu">
    [home]
    [lette]
    [strumenti]
    [cose]
    [dritte]
    </div>
    [img]images/pagliaccio.jpg[/img]
    </div>
    codice css:
    codice:
    div#esterno {
    	width: 780px;
    	height: 100%;
    	border: 1px dotted black;
    	padding: 10px;
    }
    
    img#pagliaccio {
    	position: relative;
    	top: 50px;
    	width: 274px;
    	height: 398px; 
    }
    e allora come mai l'immagine risulta per meta' sotto esterna al div che dovrebbe contenerla?

  4. #4
    Utente di HTML.it L'avatar di Francis87
    Registrato dal
    Jun 2003
    Messaggi
    5,970
    non so quanto ti può aiutare...
    ma dovendo sistemare un <img> in un <div> una volta ho fatto così:
    ho dato position: relative al <div> e position: absolute width e height all'immagine .

    in questo modo è risultata essere assoluta rispetto gli altri elementi del div.

    Heaven's closed. Hell sold out.

    Linux 2.6.26-2-amd64
    Debian squeeze

  5. #5
    no, il div e' quello piu' esterno di tutti e desidero che stia proprio li' (il solito effetto 800x600 anche quando visualizzi 1024x768) e se l'altezza e' 100% (ma ho provato anche con auto e anche senza darla) e l'immagine ha una posizione relativa al div, nn ha senso che nn la "abbracci" tutta

  6. #6
    soluzione: ho determinato la posizione anche del div che lo precede (div#menu) e che stava semplicemente li' :quipy:

    umpf... quasi quasi torno alle tabelle

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.