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

    Testo lungo ma niente scrollbar.

    Ho incontrato un problema (l'ennesimo T_T) con un interfaccia php per il mio database. Se faccio visualizzare un testo molto lungo caricato dal database in una finestra, e il riquadro che contiene il testo supera in altezza la finestra stessa, pur essendoci bisogno della scrollbar verticale, questa non appare.
    La finestra in cui faccio visualizzare il testo è per l'occasione un popup (ma il problema persiste in qualsiasi tipo di finestra) che ha la proprietà scrollbar=yes... quindi non saprei che fare.
    Credo sia un problema più ostico di quel che potrebbe sembrare in apparenza.
    Vi ringrazio in anticipo per l'attenzione e se vorrete aiutarmi come avete già fatto in passato.

  2. #2
    non è che ti manca una "esse"?
    il comando è scrollbars=yes.

    ciao

  3. #3
    Be no... mi sono sbagliato solo nel messaggio. Ho detto poi che succede anche se la finestra la apro in un self... è proprio come se non si accorgesse che il testo è lungo...

  4. #4
    Posta il sorgente HTML della pagina che ti dà questo problema, e se usi un CSS anche quello...
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  5. #5
    Uhm... ok ^^
    Questo è l'html (da php) che fa aprire la finestra.
    codice:
    <a href=\"javascript:void(0)\" onclick=\"javascript:window.open('Descrizione.php?tabella=$tabella&id=$articolo','','scrollbars=yes,resizable=no,height=300,width=635,status=no,location=no,toolbar=no,menubar=no');\">
    Questa è la finestra che si apre:
    codice:
    <div id="corporegionale"><div id=\"descrizionet\"> 
        <div id=\"descrizione_datat\">DATA: ". date("d-m-Y", $row[data]) ."</div>
        <div id=\"descrizione_orat\">ORA: $row[ora]</div>
        <div id=\"descrizione_duratat\">DURATA: $row[durata]</div>
        <div id=\"descrizione_luogot\">LUOGO: $row[luogo]</div>
         </div>
      
    
    
    
      <div id=\"descrizione\"> 
        <div id=\"descrizione_testo\">$row[descrizione]</div>
      </div>
      
    
    </div>
    E questo è il CSS associato.
    codice:
    #corporegionale{
    	font-family: Courier New, monospace;
    	font-size: 10pt;
    	margin: 0px 10px 10px 0}
    #descrizionet{
    	position:relative;
    	left: 20px;
    	top: 18px;
    	width: 0px;}
    #descrizione_datat{
    	border: 2px solid;
    	border-top: 2px solid;
    	border-bottom: 2px solid;
    	background-color: #D4D4D4;
    	position:absolute;
    	padding: 5px;
    	top:0; left:0;
    	width:145px;}
    #descrizione_orat{
    	border-right: 2px solid;
    	border-top: 2px solid;
    	border-bottom: 2px solid;
    	background-color: #D4D4D4;
    	position:absolute;
    	padding: 5px;
    	top:0; left:145;
    	width:145px;}
    #descrizione_duratat{
    	border-right: 2px solid;
    	border-top: 2px solid;
    	border-bottom: 2px solid;
    	background-color: #D4D4D4;
    	position:absolute;
    	padding: 5px;
    	top:0; left:290;
    	width:145px;}
    #descrizione_luogot{
    	border-right: 2px solid;
    	border-top: 2px solid;
    	border-bottom: 2px solid;
    	background-color: #D4D4D4;
    	position:absolute;
    	padding: 5px;
    	top:0; left:435;
    	width:145px;}
    /* DESCRIZIONE */
    #descrizione{
    	margin: -4px 0 0 0;
    	position:relative;
    	left: 20px;
    	top: 20px;}
    #descrizione_testo{
    	border-right: 2px solid #A6A6A6;
    	border-left: 2px solid #A6A6A6;
    	border-bottom: 2px solid #A6A6A6;
    	background-color: #F4F4F4;
    	position:absolute;
    	padding: 5px 5px 5px 5px;
    	top:0; left:0;
    	width:580px;}

  6. #6
    Già scoperto l'arcano: Le div che hanno nel CSS position:absolute; , come stabilito anche dalle regole ufficiali dei CSS, non concorrono a fare crescere di dimensione il box che le contiene.

    Quindi, il BODY della tua pagina non viene fatto ingrandire dalla presenza di una grossa div, poichè questa ha position:absolute, e quindi, poichè il body non cresce e non diventa più lungo della finestra, le barre di scorrimento non compaiono.

    La soluzione consiste nel NON usare il posizionamento absolute, per fare quello che avresti potuto probabilmente fare ugualmente con altri metodi...
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  7. #7
    nel div con position: absolute proverei a mettere:
    overflow: scroll

    o

    overflow: auto
    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  8. #8
    Utente di HTML.it L'avatar di bagu
    Registrato dal
    Mar 2003
    Messaggi
    620
    Originariamente inviato da Jerry Masslo
    nel div con position: absolute proverei a mettere:
    overflow: scroll

    o

    overflow: auto
    overflow: auto fa apparire le barre di scorrimento solo se il contenuto superara la grandezza del contenitore, scroll le fa apparire sempre.
    inoltre IE riconosce anche overflow-x e y
    Non so se Dio esiste ma se non esiste ci fa una figura migliore!
    - S. Benni -

  9. #9
    Originariamente inviato da bagu
    overflow: auto fa apparire le barre di scorrimento solo se il contenuto superara la grandezza del contenitore, scroll le fa apparire sempre.
    inoltre IE riconosce anche overflow-x e y
    io aggiungerei che overflow-x e y non è riconosciuto dal w3c.
    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  10. #10
    Spiacente, ma le tre risposte dopo la mia sono tutte non pertinenti: aggiungere overflow:qualcosa alla div posizionata absolute, farà magari apparire le barre di scorrimento, ma ALLA DIV in questione, NON alla finestra: quest'ultima rimarrà sempre piccola e priva di barre di scorrimento, proprio perchè, come spiegavo più sopra, il body non viene dilatato dalla presenza delle div con position:absolute, che come è noto sono FUORI dal flusso di layout.

    Ciao!
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

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.