problema con layout e contenuti

liolucas

problema con layout e contenuti

Il mio primo post e subito a chiedre aiuto
Sto realizzando un semplice layout css per il mio sito ma ho dei problemi.
Ecco il link per vedere il problema:
lucaiafrate.it/layout/index.html (aggiungete voi il resto per visualizzare il link)

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:

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 */ { 
    background:#ccc; 
    border:1px solid #000; 
    padding:1em 0; 
}

/* corpo */

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


/*pie' di pagina */ { 
    background:#eee; 
    border:1px solid; 
    padding:1em 0; 
}
```cosa devo aggiingere?
Grazie

liolucas

ho risolto, era dovuto al testo di prova che ho inserito senza spazi.
Ora per ho un altro problema che mi succede se apro la pagina con Firefox. Devo inserire questo script:
liolucas.ilbello.com/gallery

nella colonna centrale come vedete
lucaiafrate.it

si vede chiaramente che sono riuscito ad inserirlo e funziona ma il box non si espanso in base al contenuto.

Vi riporto il file css del layout:

[code]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 */
body { text-align:center; background-color:#999999}
#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 */
{
background:#ccc;
border:1px solid #000;
padding:1em 0;
}

/* corpo */

position:relative;
border:1px solid;
background:#000000;
padding:1em 0;
}

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

e quello dell'index.html

[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="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" />

<link href="res/styles.css" rel=stylesheet>
<script type="text/javascript" src="res/javascript.js"></script>
<script type="text/vbscript" language="vbscript"> Function CheckFlash(version) on error resume next
CheckFlash= IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash." & version)) End Function </script>

</head>

<body>

<div id="testa"><p>NomeSito</p></div>

<hr />

<div id="corpo"><p>

<div id="flash" align="center">
<script type="text/javascript" language="JavaScript"> embedfotoplayer("fotoplayerlite.swf","percent","100","100","#333333","config.xml","folders.xml","shoppingcart.xml","Y",""); </script>
<noscript><br><br><font color="#666666" size="3" face="Arial">Please Enable Javascript in your browser and visit again. </font></noscript>
<script type="text/javascript" language="JavaScript"> if (!MM_FlashCanPlay) document.write('<br><br><font color="#666666" size="3" face="Arial">Flash plugin not detected. <a href=".macromedia.com/go/getflashplayer">Click here </a> to install the free Flash plugin and visit again. </font>');</script>
<script type="text/javascript" language="JavaScript"> if (checkflashdisabled() == true) document.write('<br><br><font color="#666666" size="3" face="Arial">Flash plugin disabled. Enable Flash plugin/add-ons in IE and visit again. </font>');</script>
</div>

<div id="footer" align="center">

Album was generated using <a href="jalbum.net" target="_blank">Jalbum 8.0</a> skin: <a href="fotoplayer.com/" target="_blank">FotoPlayer v3.1</a>

</div>

</p></div>

<hr />

<div id="piedipagina"><p>pié di pagina</p></div>

</body>
</html>
[code]

dove sbaglio?

karedas

Ciao Liolucas e benvenuto nel forum GT
Stavo facendo dei test poi mi sa che hai spostato l'index.

Comunque al div di id "flash" ho provato semplicemente a dargli un width:70% e un height di pari dimensioni e così riesco a visualizzarlo.

Facci sapere!

liolucas

Purtroppo con Firefox 3.0.9 me lo da sempre ristretto, mentre con I.E. 7
tutto bene.
Ho provato a cambiare di tutto ma niente.

Sono nelle vostre mani.

Ciao