Gestione degli spazi

**danlupo** · 16-05-2012, 18:22

Salve, è molto tempo che uso i css ma non ho ancora capito bene la gestione degli spazi.

Mi spiego

ho due DIV in una colonna

codice:

#nav
{
    position: relative;
    margin:25% 0 0 5%;
    padding: 0;
    width: 90%;
    height:50%;
    background: yellow;
    z-index: 7;    
}
#miniss
{
    position: relative;
    margin:10% 0 0 5%;
    padding: 0;
    width: 90%;
    height:30%;
    background: yellow;
    z-index: 7;    
}

A me l'altezza totale mi risulta 115% ma in realtà ho ancora spazio in basso, quindi i margini non devo calcolarli ? o li devo calcolare in maniera particolare (tipo il 10% dello spazio rimasto)??

Grazie Daniele

**Mich_** · 17-05-2012, 08:52

Hai postato il CSS di due oggetti che immagino stiano uno sotto l'altro.
Ma non hai postato il CSS del contenitore.

Le dimensioni del contenitore sono definite?
Come e` posizionato il contenitore (attributo position)?
Hai settato un overflow al contenitore?

E ancora:
Quale DTD usi?
In quale/quali browser stai testando?
(se stai usando IE in quirks mode il tuo ragionamento sulle somme non ha riscontro)

**danlupo** · 17-05-2012, 14:37

Salve, la mia curiosità era più che altro generalizzata al CSS e quello era solo un esempio

Comunque questo è il contenitore ed uso un <!doctype html> in html 5 e firefox

codice:

#colsx 
{
    position: relative;
    margin:0;
    padding: 0;
    width: 25%;
    height:100%;
    background: transparent;
    z-index: 5;
    float: left;
    -webkit-border-radius: 100px 0 0 0;
    -moz-border-radius: 100px 0 0 0;
    border-radius:100px 0 0 0;
    z-index: 5;
    behavior: url('stili/pie/PIE.php');    
}

**Mich_** · 17-05-2012, 15:45

Quindi hai un'alterzza che e` definita il 100% del suo contenitore. Se tale contenitore ha altezza definita questa ha un senso, altrimenti e` un'altezza non definita.
Il problema e` quindi ricorsivo sul contenitore.... fino ad arrivare al <body> e al <html>.

**danlupo** · 17-05-2012, 15:49

Io di solito, come politica mia, definisco come assoluto il body, html con altezza e larghezza al 100% e poi do per ogni tag valori in % e posizionamento relativo, solo che molte volte non capisco se c'entrano i margini nel conteggio perchè capita che ho margine-top a 25%, altezza a 50, un altro margine top a 20 ed il div sotto ad altezza 10% ed ho ancora spazio sotto. E' questo che non ho mai capito come ragionamento.

**Mich_** · 17-05-2012, 16:04

Un ragionamento di questo tipo sulle larghezze lo ho fatto ancora, e il ragionamento che hai fatto mi tornava.
Invece sulle altezze non lo ho mai fatto: ho sempre preferito lasciare l'altezza automatica con overflow eventuale.

Mi rendo conto che in qualche caso si puo` preferire inserire dei blocchi con h %.

Non ti so dire se le altezze si comportano in modo diverso dalle larghezze.

Discussione: Gestione degli spazi

Strumenti discussione

Ricerca discussione

Visualizza

Gestione degli spazi

Permessi di invio