Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 17
  1. #1

    div

    ciao a tutti
    ho un problema...
    ridimensionando la finestra di explorer (diminuendo fino a 800*600)mi accorgo che il div di una pagina centrale (nel senso che compare al centro della pagina)si sfasa spostandosi in giù mentre invece dovrebbe apparire sempre centrale tra i due menù laterali ma rimpicciolito.Invece scende giù spostandosi sotto i menù laterali ma sempre in posizione centrale.
    i menù laterali però mantengono un comportamento corretto.

    come mai?
    quale attributo devo impostare nei css che mi tenesse conto di questo? questo è il mio css che cura questo div:
    overflow: Auto;
    position: relative;
    background-color: #FFFFFF;
    width: 50%;
    height: 25em;
    margin: 0px;
    padding: 5px;
    border: 0px solid;
    text-align: justify;

    help me, please

    --------------------------------------------------------------------------------

  2. #2

    Re: div

    Originariamente inviato da pippo2005
    width: 50%;
    Prova a dare una dimensione fissa anzichè in percentuale...

  3. #3
    devo per forza usare dimensioni relative.......
    la percentuale non è lo stesso di em?

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Un titolo significativo alla discussione please :rollo: ...
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non vedo il CSS relativo agli altri blocchi, ma faccio notare che il blocco e` piu` largo del 50%, dato che il padding va a sommarsi al width (nei browser conformi).

    Nel CSS manca anche un float, che permette l'affiancamento dei blocchi.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  6. #6
    allora vi posto i div che costituiscono la pagina:
    div sinistro:
    float: left;
    width: 30%;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    background-color: #ffff00;
    border-right: 1px solid #000000;
    border-bottom: 0px;
    border-top: 0px;
    position: relative;
    font-size: 80%;

    div destro
    float: right;
    width: 30%;
    font-size: 90%;
    border-left: 1px solid #000000;
    border-bottom: 0px;
    padding: 10px 0px 20px 10px;
    height: 50%;
    margin: 0px;
    position: relative;
    background-color: #ffff00;

    div centrale
    font-size: 100%;
    overflow: auto;
    text-align: justify;
    height: 27em;


    help me, please!!!!!

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Devi postare anche il codice HTML, altrimenti non possiamo capire la struttura dei vari blocchi.

    Inoltre in quest'ultimo codice non riesco a capire come si integra con quello precedente.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  8. #8
    quello precedente era la precedente versione
    quello che ho postato ultimamente è quella ufficiale.
    il codice html è semplicissimo ed ho ritenuto non necessario da poterlo postare
    comunque ve lo mando:

    .....
    .....
    <body>
    <form>
    <div class="sinistro"></div>
    <div class="centr">..........oggetti html che servono per la mia implementazione(label,textbox,radiobutton)</div>
    <div class="destro"></div>
    </form>
    </body>
    </html>

  9. #9
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Allorta prova a mettere il float:left; anche al div centrale (poi ricordati di mettere il clear all'eventuale footer, o al div che segue)

    Comunque mi sembra strano un <form> che include le tre colonne: secondo logica il <form> dovrebbe essere incluso in un'unica colonna.

    E che DTD usi? Se usi XHTML Strict non credo sia possibile inserire il <form> direttamente nel <body>
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  10. #10
    ma possibile che nessuno mi riesce a dare qualche dritta?!?

    ho provato a mettere il float: left al div centrale ma la situazione non cambia.
    quando riduco la risoluzione a 640*480 il div centrale si sposta in basso in posizione sempre centrale ma sotto la fine dei div laterali.
    perchè?

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.