Problema DIV e Colori

[danlupo]

Salve,

ho questi codici

CSS

#mailbox
{
    position:relative;
    margin:0;
    padding:0;
    left:1%;
    top:1%;
    height:80%;
    width:94%;
    background: gray;  
}
#mailbox a
{
    margin: 0 0 0 1%;
    color:white;
    text-decoration: none;
    display:block;
    
}
#inbox, #trash, #bozze, #outbox{
position:relative;
left:0;
top:0;
background:red;
display: none;
border-bottom: 5px groove white;
border-right: 5px groove white;
border-radius: 0 0 20px 0;
padding: 10px;
margin:1% 0 0 5%;
width: 90%;
text-align: justify;
overflow: auto;
max-height: 40%;
}

#hinbox
{
    background:white;
    position:relative;
    margin:0;
    padding:0;
    left:0;
    top:0;
    width:100%;
    height:50%;
    border-top: 1px groove green;
    border-left: 1px groove blue;
    border-right: 1px groove tan;
    border-bottom: 1px groove gray;
}

e PHP

           <div id='mailbox'>
		InBox
		<div id='inbox'>
			<div id='hinbox'>

				<p class='hdataora'>
					Data ~ Ora
				</p>
				<p class='huserfrom'>
					Mittente
				</p>
				<p class='htitle'>
					Oggetto
				</p>
				<p class='hmsg'>
					Messaggio
				</p>
			</div>	
                </div>
		OutBox
		<div id='outbox'>
		<?php include('./scripts/php/posta/outbox.php'); ?>
		</div></a>		
		Bozze
		<div id='bozze'>
		<?php include('./scripts/php/posta/bozze.php'); ?>
		</div></a>
		Trash
		<div id='trash'>
			<p class='headmail'>
				<span class='hdataora'>
					Data ~ Ora
				</span>
				<span class='huserfrom'>
					Mittente
				</span>
				<span class='htitle'>
					Oggetto
				</span>
				<span class='hmsg'>
					Messaggio
				</span>
			</p>
		<?php include('./scripts/php/posta/trash.php'); ?>
		</div></a>
	   </div>

Non capisco perchè il risultato è quello nella figura allegata: Il DIV HInbox rappresentato dal solo bordo inferiore e le scritte fuori dal DIV..

Sarà l'ora ma non capisco gli errori..

Grazie Daniele

[danlupo]

Il problema precedente l'ho risolto.. Semplicemente ho scritto tutto da zero !!

Comunque credo che: o io sono impazzito o lo è il mio computer..

Adesso non vanno le proprietà Height ed Overflow.

Ho questo codice CSS

.dataora
{
    position:relative;
    margin:0;
    padding:0;
    left:0;
    top:1%;
    width:20.5%;
    background: white;
    float:left;
    font-size: 57%;
    text-align:center;
    height:100%;
}
.userfrom
{
    position:relative;
    margin:0;
    padding:0;
    left:0;
    top:2%;
    width:17.5%;
    background: green;
    float:left;
    font-size: 57%;
    text-align:center;

        height:100%;
}
.oggetto
{
    position:relative;
    margin:0;
    padding:0;
    background: blue;
    left:0;
    top:2%;
    width:17.5%;
    height:10%;
    overflow:hidden
    float:left;
    font-size: 57%;
    text-align:center;
;
    color:white;
}
.msg
{
    position:relative;
    margin:0;
    padding:0;
    left:0;
    top:1%;
    width:35%;
    background: red;
    float:left;
    text-align:center;
    font-size: 80%;
    overflow:hidden;
    height:100%;
}
.mail
{
    position:relative;
    margin:0;
    padding:0;
    left:0;
    top:3%;
    height:auto;
    width:98%;
    background: transparent;
    float:left;
    display:block;
    border:1px solid red;
    overflow:hidden;
   
}
.mail p input
{
position:relative;
    left:0;
    top:0;
    width:2%;
    background:transparent;
    height:100%;
    overflow:hidden;
    margin: 0;
    float:left;
    
}
.mail p
{
    position:relative;
    left:0;
    top:0;
    width:98%;
    background:transparent;
    height:10%;
    overflow:hidden;
    margin: 0;

}

.mail p img
{
    position:relative;
    top:0;
    left:0;
margin:0;
    padding:0;
    width:4%;
    height:10%;
    float:left;
}

La proprietà CSS overflow indica al browser che fare con il contenuto che supera il suo blocco contenitore. Il quale vuole dire che viene applicato ad un elemento di misura fissa.

Se i valori per width (larghezza) e/o height (altezza) non vengono specificati, la proprietà overflow sarà inutile ed il blocco contenitore si ridimensionerà in base al suo contenuto.

overflow: hidden;
Il valore hidden (nascosto) indica che il contenuto in eccesso è nascosto e non visibile dall’utente.

I problemi sono quelli in grassetto; per quanto riguarda l'img posso impostare un valore di height che va da 0 a e^n+1 che la sua grandezza non cambia..

[ldetomi]

Un consiglio... cerca di sintetizza MOLTO le tue richieste e circoscrivere al massimo l'ambito del problema... Penso tu possa capire che non è pensabile che si perdano 10 minuti solo per leggere una domanda... come si potrebbe poi rispondere a tutti????

[danlupo]

OverFlow: Non Funzionante
Height: non Funzionante

[ldetomi]

Posta un link al sito... almeno si può provare e vedere quale potrebbe essere il problema....