problema con layout e contenuti

**liolucas** · 21-04-2009, 11:19

Sto realizzando un semplice layout css per il mio sito ma ho dei problemi.
Ecco il link per vedere il problema:
http://www.lucaiafrate.it/layout/index.html

come si vede quando vado ad inserire del testo nella colonna centrale non va a capo ma mi continua sullo stesso rigo fino ad uscire dai bordi della colonna.

Questo è il file css:

codice:

body { 
	font:80% verdana,helvetica,sans-serif; 
	margin:0; padding:0
}
p { font:1em verdana,helvetica,sans-serif; display:block; margin:0 1em .5em 1em; }

hr { display:none }

/* centrare la pagina web a larghezza fissa */
body { text-align:center }  
#testa { width:70%; margin:1em auto; text-align:left }
#corpo { width:70%; margin:1em auto; text-align:left }
#piedipagina { width:70%; margin:1em auto; text-align:left }

/* testa */
#testa { 
	background:#ccc; 
	border:1px solid #000; 
	padding:1em 0; 
}

/* corpo */


#corpo { 
	position:relative;
	border:1px solid #000; 
	background:#f0f0f0 url(vecchiacartiera_01.jpg) ; 
	padding:1em 0; 
}


/*pie' di pagina */
#piedipagina { 
	background:#eee; 
	border:1px solid #000; 
	padding:1em 0; 
}

cosa devo aggiingere?
Grazie

**blekm** · 21-04-2009, 11:23

Originariamente inviato da liolucas
come si vede quando vado ad inserire del testo nella colonna centrale non va a capo ma mi continua sullo stesso rigo fino ad uscire dai bordi della colonna.

hai quell'effetto di sbordatura perchè hai inserito una parola senza spazi.

**liolucas** · 21-04-2009, 13:56

hai ragione, ho provato ad iserire spazi ed ora funziona bene!
Grazie

Ne approfitto: vorrei creare i box con gli angoli arrotondati, ho letto di nifty corners, ho provato ad inserire il codice sia nel css che nell'html ma niente.

Ti riporto anche il file html:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<link rel="stylesheet" href="layout_css.css" type="text/css" />
</head>

<body>


<div id="testa">

NomeSito</p></div>

<hr />

<div id="corpo">

corpo colonnappppppp ppppp ppppppp pppp ppppppppppp ppppppppppppp ppppppppppppppppppppppppp ppppppppp pppppppppppppppppp ppppppppppppppp ppppppppppppppppppppppppppppppp ppppppppppppppppp llglghflfgldfg gjkgkhkhkhkh gfgfdgfdgdf gdfgdfgdfg dfgdfgdfg dfgdfgdfg dfgdfgd gfg dfg  dfgd gfd dg df gd fgdfgdfgdfg</p></div>


<hr />

<div id="piedipagina">

pié di pagina</p></div>

</body>
</html>

Ti ringrazio anticipatamente per l'aiuto.
Ciao

Discussione: problema con layout e contenuti

Strumenti discussione

Ricerca discussione

Visualizza

problema con layout e contenuti

Re: problema con layout e contenuti

Permessi di invio