Visualizzazione dei risultati da 1 a 5 su 5

Discussione: DIV al 100%

  1. #1

    DIV al 100%

    Scusate la domanda forse un po' banale, ho inserito un div con larghezza 100% ed ltezza 100%, poi al suo interno ho messo un'altro div di 200*200, la cosa che non mi torna è che non riesco a centrare il secondo div in verticale come posso fare, questo è il css

    #conteiner {
    vertical-align: middle;
    background-color: #000000;
    height: 100%;
    width: 100%;
    position: relative;
    visibility: visible;
    text-align: center;
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    color: #FFFFFF;
    left: 0px;
    top: 0px;
    }
    #corpo_generale {
    background-color: #006600;
    position: static;
    height: 200px;
    width: 200px;
    margin:0 auto;
    }
    eccomiiiiiiii

  2. #2
    ops scusate ho provato con questo codice e funziona

    #container{
    width:600px;
    height:600px;
    background:red;
    position:relative;
    }

    #center{
    width:300px;
    height:200px;
    background:yellow;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-150px;
    margin-top:-100px;
    }



    ma adesso mi pongo un'altra domanda, non c'è qualche cosa che mi eviti di calcolare la metà dell'altezza del div interno? Altra cosa! ho messo la larghezza del div principale al 100% e l'altezza al 100% se faccio il preview funziona alla perfezione madetro dreamweaver non visualizzo lo sfondo del div principale, perchè?

    scusate ancora
    eccomiiiiiiii

  3. #3
    Utente bannato
    Registrato dal
    May 2009
    Messaggi
    393
    Tu vuoi in definitiva centrare un div 200x200 nella pagina?
    Se è così si può fare più semplicemente di quello che hai fatto tu

  4. #4
    spiega pure
    eccomiiiiiiii

  5. #5
    allora, il problema dei div con altezza 100% è il eguente:

    il doctype, non permette di usare un altezza 100% [rispettando le direttive w3c]

    cmq, per centrare un div guarda qui, ci sono tutti i modi per farlo... http://css.flepstudio.org/css-tutori...erticalmente-2

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.