Allineamento verticale

**shacky83** · 04-10-2006, 16:58

Ciao a tutti.
Ho un DIV con larghezza ed altezza fissi e con dentro del testo.
Vorrei che questo testo sia posizionato in basso.
Ho provato con "vertical-align: bottom", ma il testo risulta comunque posizionato in alto, anche se con le tabelle al posto dei DIV funziona.
Come posso fare per allineare verticalmente il testo in un DIV?

Grazie!

**fcaldera** · 04-10-2006, 17:02

usando opportunamente la proprietà 'position'

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>xhtml 1.0</title>
        
       
        <style type="text/css">

        div {
            position    : relative;
            width       : 300px;
            height      : 500px;
            border : 1px solid #cca;
        }
        
        p {
            margin      : 0;
            padding     : 0;
            width       : 300px;
            height      : 120px;
            position    : absolute;
            bottom      : 0;
            
            border : 1px solid #c00;
        }
            
        </style>
        
    </head>

<body>

<div>



Testo allineato in basso: lorem ipsum sit amen
lorem ipsum sit amen lorem ipsum sit amen 
lorem ipsum sit amen lorem ipsum sit amen 
lorem ipsum sit amen lorem ipsum sit amen 
</p>
</div>

</body>
</html>

**shacky83** · 04-10-2006, 19:09

Originariamente inviato da fcaldera
usando opportunamente la proprietà 'position'

Il DIV è messo sotto altri DIV, e sotto deve rimanere.
Se inserisco l'attributo "position: relative" nel DIV, me lo ritrovo in cima alla pagina, e non dove lo voglio io sotto gli altri DIV.
Se inserisco l'attributo "position: inherit" lo ritrovo al suo posto corretto, ma lo SPAN contenente il testo non resta più dentro al DIV ma va in fondo alla pagina.

Dove sbaglio?

Grazie, ciao!

Discussione: Allineamento verticale

Strumenti discussione

Ricerca discussione

Visualizza

Allineamento verticale

Permessi di invio