Centrare il testo verticalmente in una div.

Noè Murr

Nuovo Utente
11 Apr 2015
9
0
1
Buona sera a tutti,

ho un problema nella creazione di un sito. Sto utilizzando bootstrap ed ho una serie di <div> nelle quali devo allineare l'intero contenuto al centro, sia verticalmente sia orizzontalmente.
Qualcuno sa che regole CSS devo usare?
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Bisogna vedere se il div ha delle misure fisse o no, se il contenuto e dentro ad un altro contenitore, ecc.. Insomma bisogna vedere un po' del tuo codice, perchè darti istruzioni a naso non è possibile
 

Noè Murr

Nuovo Utente
11 Apr 2015
9
0
1
bene allora posto il mio codice..
ho una pagina index dove sono collegati correttamente tutti i fogli di stile ed i vari script bootstrap e jquery, pubblico solo uno schema della pagina per questioni di spazio e tempo

HTML:
<!--qui vi sono tutti i vari componenti di bootstrap e jquery-->
<!--da qui comincia la pagina vera e propria-->

<div class="content"><?php include 'home.php'?></div>

<!--qui vi sono altri script ecc.-->

la pagina home è la seguente:

HTML:
<div class="row">
       <div class="col-xs-12"><h2><a href="#">SOTTO TITOLO</a></h2></div>
</div>
<div class="row">
    <div class="col-xs-3">
         <a  href="#"><img class="img-responsive" src="#"></a>
    </div>
    <div class="col-xs-9">
          bla bla bla bla bla bla bla ecc.  
    </div>
</div>

la regola CSS per la classe content scritta da me è la seguente:
Codice:
.content{
              padding-top: 3%;
                padding-left: 10%;
                padding-right: 10%;
                padding-bottom: 0%;
                margin-left: 2%;
                margin-top: 0%;
                margin-right: 2%;
                margin-bottom: 0%;
                min-height: 100%;
                background-color: #F2F2F2;
                color: #000000;
                text-align: center;
                opacity: 0.85;
                font-size: 1em;
                overflow: scroll;
        }

io dovrei riuscire a centrare verticalmente sia il contenuto della <div> con classe .col-xs-3 che quella con la classe
.col-xs-9.

avete qualche idea?
 
Discussioni simili
Autore Titolo Forum Risposte Data
S [HTML] Centrare verticalmente il testo in div HTML e CSS 2
Z centrare verticalmente il testo di un button HTML e CSS 1
Marcolotto Centrare un testo (orizzontalmente e verticalmente) in una TextView Android Sviluppo app per Android 1
F [HTML] Centrare testo rispetto l'immagine HTML e CSS 1
R Come centrare il testo in un paragrafo con sfondo colorato? HTML e CSS 2
D Centrare del testo all'interno di un DIV ? HTML e CSS 3
Shyson Centrare box css HTML e CSS 2
M [PHP] [HTML] Centrare in verticale un pulsante in una tabella PHP 3
Andrea_Ventura [HTML] Problema centrare elemento orizzontalmente HTML e CSS 9
elpirata [HTML] Non riesco a centrare menu orizzontale HTML e CSS 5
L Problema per centrare titolo PopUp HTML e CSS 5
A centrare iframe con div HTML e CSS 2
ecosito Google Maps: Centrare il marker ed editare il fumetto PHP 1
LuigiDonato Centrare Tabella HTML e CSS 10
R Centrare un DIV per renderlo visibile su qualsiasi monitor HTML e CSS 12
F Centrare slider div HTML e CSS 1
asevenx problema per centrare sito HTML e CSS 5
A centrare la pagina con Js Javascript 1
L Centrare galleria immagine HTML e CSS 2
asevenx centrare sito con div HTML e CSS 7
E Centrare finestra popup Javascript 7
A centrare una tabella HTML e CSS 3
W Centrare immagine con Bootstrap [era: Centrare div con bootstrap] HTML e CSS 2
C centrare pagine sito HTML e CSS 17
V centrare un layout a qualunque risoluzione HTML e CSS 3
M Centrare un DIV nel BODY (usando i CSS) HTML e CSS 1
I Centrare un layout al centro della pagina HTML e CSS 8
M Centrare un sito con tutti i browser HTML e CSS 22
Nyl Centrare pagina HTML e CSS 7
D Centrare menù HTML e CSS 2
Oscar83 Si possono centrare automaticamente i CSS?? HTML e CSS 2
N Non riesco a centrare l'immagine di sfondo Webdesign e Grafica 9
D Centrare Un Pulsante Webdesign e Grafica 12
D Centrare IMG tramite action script Flash 2
simoncino Centrare pagine con Dreamweaver Webdesign e Grafica 1
M Centrare un logo in tutte le risoluzioni.... HTML e CSS 4
nourdine centrare verticalmente un div HTML e CSS 1
F Centrare la pagina HTML e CSS 8
I salvare testo chat PHP 4
E Creare un testo trasparente dietro un div HTML e CSS 5
S da casella di testo a campo tabella Database 0
A Ottenere sfumatura su testo Photoshop 8
M Mostrare testo (o parte di esso) in base a utente PHP 0
F Animazione testo sito web diminuire grandezza di un testo allo scroll Javascript 0
D Rendere testo cliccabile PHP 3
D Casella di testo con grassetto ecc... HTML e CSS 2
Couting95 inserire dati da un file di testo in una tabella in php PHP 1
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
V Mailchimp - box di testo: cambia da solo il testo inserito Email Marketing 2
Barierta Testo a comparsa con passaggio del mouse Javascript 17

Discussioni simili