Pagina 1 di 5 1 2 3 ... ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 48
  1. #1

    div che si sposta al ridimensionamento del browser

    ciao a tutti...

    ho questo style qui sotto:
    codice:
    <style type="text/css">
    #box {
    	position:absolute;
    	top:70px;
    	left:570px;
    	height:160px;
    }
    #bar {
    	position:absolute;
    	top:40px;
    	left:570px;
    }
    </style>
    il quale é applicato ad un div....ora, per l'altezza non c'é problema xké tanto é sempre quella, però x la distanza da sinistra (che varia se si ridimensiona il browser) come faccio? per la precisione questo div dovrebbe combaciare coi bordi di una cella...

    chi mi aiuta?

    grazie 1000

  2. #2

  3. #3
    Utente di HTML.it L'avatar di span
    Registrato dal
    Jan 2004
    Messaggi
    1,644
    non mi è chiaro il problema :master:

    posta un link

  4. #4
    insieme a questo style ci sarebbe uno script che, all'evento OnClick (si di un tasto) mostra un div nascosto. ora il problema é che sia il div che il tasto sono fissi nel browser e quindi se tu ridimensioni la finestra questi restano comunque a 200 px dal bordo di sinistra....io vorrei che con qualsiasi risoluzione, questi stessero sempre in un punto determinato (che poi coincide con una cella che ho già posizionato all'interno di questa pagina)....

  5. #5
    Utente di HTML.it L'avatar di span
    Registrato dal
    Jan 2004
    Messaggi
    1,644
    con le celle non so se funziona come coi div, ma se è uguale dai alla cella position: relative; ed ai due div dai i riferimenti top e left in base alla cella che li dovrà contenere

  6. #6
    un esempio pratico...?

  7. #7
    hai impostato un posizionamento assoluto senza dare un posizionamento relativo. mi spiego:

    se dai un posizionamento assoluto ad un box, questo farà riferimento alla pagina. Ma se inserisci questo box all'interno di un altro box con posizionamento relativo, il primo box sarà posizionato relativamente al secondo box, quindi rimarrà "fermo" nella pagina...

    #box-padre {
    position:relative;
    }

    #box-figlio {
    position:absolute;
    top:70px;
    left:570px;
    height:160px;
    }

    il tutto, però, dipende da come hai strutturato la pagina...
    Potere e Potenza

  8. #8
    Quindi, se la pagina é strutturata così:
    codice:
    <html>
    
    <head>
    
    </head>
    
    <body>
      <center>
      <table border="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="771" cellpadding="0" height="70">
        <tr>
          <td rowspan="2" width="390" height="70"></td>
          <td width="381" height="40" colspan="3"></td>
        </tr>
        <tr>
          <td width="300" height="30">qui</td>
          <td width="35" height="30"></td>
          <td width="46" align="center"></td>
        </tr>
      </table>
      </center>
    </body>
    
    </html>
    e la cella nella quale voglio effettuare il posizionamento é quella con scritto "qui", che fo?

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

    position:relative

    invece di absolute.

    Chicco Ravaglia per sempre con noi!

  10. #10
    Originariamente inviato da zoom
    dai

    position:relative

    invece di absolute.

    si, ma poi il relative da dove me lo fa partire??

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.