il testo all'interno di un div non si ridimensiona

**bounce2011** · 28-10-2015, 17:51

Ciao, ho creato un div con misure espresse in % in modo tale che quando ridimensiono la pagine del browser, si ridimensiona in proporzione.
all'interno del div, c'è del testo, ma se ridimensiono la finestra del browser non si ridimensiona e quindi il testo non rimane centrato rispetto al div stesso e se ridimesiono moltro, addirittura esce.
Come posso fare a far mantenere al testo le proporzioni del div contenitore?
Grazie

**Nazareno** · 28-10-2015, 18:28

Ciao,
non credo di aver capito bene... puoi postare html, css, ecc...?

**bounce2011** · 28-10-2015, 18:33

il codice è semplicissimo, ho creato un div con width e height impostati all'80% e dentro un paragrafo con del testo.
se ridimensiono la pagine del browser, il div si ridimensiona il tetso dentro no ed esce da div....
grazie

**Vincent.Zeno** · 28-10-2015, 19:16

Originariamente inviata da bounce2011

il codice è semplicissimo...

per quanto...

Originariamente inviata da Nazareno

puoi postare html, css, ecc...?

**bounce2011** · 28-10-2015, 19:20

<CODE>
<div id="prova">
<p>Prova testo</p>
</div>

#prova
{
text-align:center;
width:70%;
height:70%;
border:solid 1px;
}

**Vincent.Zeno** · 28-10-2015, 23:57

usa il tag [CODE][/CODE] per postare codice, grazie

quello che hai postato non ha motivo di comportarsi come hai detto, probabilmente ci sono altre impostazioni di cui non tieni conto

**alexba64** · 29-10-2015, 02:08

Originariamente inviata da Vincent.Zeno

usa il tag [CODE][/CODE] per postare codice, grazie

quello che hai postato non ha motivo di comportarsi come hai detto, probabilmente ci sono altre impostazioni di cui non tieni conto

L'avrebbe senso se nel paragrafo al posto di prova testo, avesse scritto una cosa del tipo eienejdndudjsosjdjsomsjsjksidjksjsisjsjsjsjsjjsjsj ksksksk

Senza spazi, né ritorni a capo, stile nowrap

No ?

**bounce2011** · 29-10-2015, 11:12

prima di tutto grazie per le risposte.
è vero che solo con la scritta prova testo il problema è meno evidente della scritta che hai evidenziato, ma ti assicuro che si comporta nello stesso modo e non capisco quali altri impostazione dovrei controllare, i codice è solo quello postato.

se fate la prova con il codice che ho postato e riducete la pagina del browser, sopratutto in senso verticale vedrete che il div si riduce sempre di più in proporzione e il testo rimane completamente fuori dal div
grazie ancora per l'aiuto......
ciao

**Nazareno** · 29-10-2015, 11:52

Ciao,
devi settare anche l'altezza del body se vuoi che il div mantenga la sua proporzione in verticale.
Prova questo codice.
Poi è chiaro che la'ltezza del div dipenderà dalla quantità di testo contenuta. Se vuoi cose più sofisticate devi utilizzare strumenti come JQuery...

codice:

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <style>
        html, body {
            height: 100%;
            margin: 0;
        }

        #mydiv {
            width: 80%;
            height: 80%;
            background-color: aquamarine;
            padding: 5px;
        }

        body > #mydiv {
            height: auto;
            min-height: 80%;
        }
    </style>
</head>
<body>
    <div id="mydiv">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Donec sed ultricies lacus, eu consectetur eros.
        Nam et purus suscipit, consectetur neque eu, tincidunt est.
        Nullam scelerisque eu odio a bibendum.
        Cras gravida purus leo, et pulvinar elit semper vel.
        Curabitur at posuere felis.
    </div>
</body>
</html>

**Vincent.Zeno** · 29-10-2015, 12:49

@bounce2011
non riesco a riprodurre il problema, puoi mostrarci una demo on line?

Discussione: il testo all'interno di un div non si ridimensiona

Strumenti discussione

Ricerca discussione

Visualizza

il testo all'interno di un div non si ridimensiona

Permessi di invio