problema con foglio di stile

**rozaglia** · 23-05-2004, 20:42

Allora questo è il risultato:
Risultato
Questo è il codice del css:

codice:

BODY {
	HEIGHT= 100%; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 80% verdana,helvetica,sans-serif; PADDING-TOP: 0px
}
HR {
	DISPLAY: none
}
BODY {
	TEXT-ALIGN: center
}
#testa {
	MARGIN: 1em auto; WIDTH: 90%; TEXT-ALIGN: left
}
#corpo {
	MARGIN: 1em auto; WIDTH: 90%; TEXT-ALIGN: left
}
#piedipagina {
	MARGIN: 1em auto; WIDTH: 90%; TEXT-ALIGN: left
}
#testa {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 0px; BACKGROUND: #99CCFF; PADDING-BOTTOM: 1em; BORDER-LEFT: #000 1px solid; PADDING-TOP: 1em; BORDER-BOTTOM: #000 1px solid
}
#corpo {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: #FFCC33; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; POSITION: relative
}
#corpo-colonna1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 0px; PADDING-BOTTOM: 1em; WIDTH: 20%; PADDING-TOP: 1em; POSITION: absolute; TOP: 0px
}
#corpo-colonna2 {
	BORDER-RIGHT: #000 1px dotted; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 1em; MARGIN: 0px 25% 0px 20%; BORDER-LEFT: #000 1px solid; PADDING-TOP: 1em
}
#corpo-colonna3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; RIGHT: 0px; PADDING-BOTTOM: 1em; WIDTH: 25%; PADDING-TOP: 1em; POSITION: absolute; TOP: 0px
}
#piedipagina {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 0px; BACKGROUND: #eee; PADDING-BOTTOM: 1em; BORDER-LEFT: #000 1px solid; PADDING-TOP: 1em; BORDER-BOTTOM: #000 1px solid
}

e questo è il sorgente della pagina:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML lang=it xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Tre colonne: Liquido</TITLE>
<META http-equiv=content-type content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="stile.css" />
</HEAD>
<BODY>
<DIV id=testa><center>[img]banner.gif[/img]<h2>Rozaglia Web Site 4.0</h2></center></DIV>
<HR>

<DIV id=corpo>
<DIV id=corpo-colonna1>
<font>Ciao a tutti io sono contento che voi ci siate ma nonostante tutto resto felice cosi come sono</font>
</DIV>
<HR>

<DIV id=corpo-colonna2>corpo colonna 2</div>
<HR>

<DIV id=corpo-colonna3>corpo colonna 3</DIV></DIV>
<HR>

<DIV id=piedipagina>piè di pagina
</DIV></BODY></HTML>

Nella colonna 1 il testo esce...
Qualcuno sa spiegarmi perchè?
Lo stile proviene da:Con Stile

**keratox** · 23-05-2004, 22:06

Prova a levare i tags <font> </font> al testo

cmq i posizionamenti assoluti sono spesso indice di incompabilita' ed errore, quindi, a mio parere, da evitare

poi, consiglio, negli attributi, il valore inseriscilo tra i doppi apici

prova a levare <div id=corpo>, che utilizza i posizionamenti relativi, e lasciare solo il div con i posizionamenti assoluti

cmq se metti nei corpi delle tabelle un 'width:200%;' non avrai problemi

**rozaglia** · 23-05-2004, 22:24

Eh guarda...So che sei già stato gentilissimo ma non ci capisco niente di php...
Puoi indicamri precisamente dove devo agire?
Grazie

**keratox** · 23-05-2004, 22:28

Non è php...cmq basta che cambi questo

codice:

#corpo {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: #FFCC33; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; POSITION: relative
}
#corpo-colonna1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 0px; PADDING-BOTTOM: 1em; WIDTH: 20%; PADDING-TOP: 1em; POSITION: absolute; TOP: 0px
}
#corpo-colonna2 {
	BORDER-RIGHT: #000 1px dotted; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 1em; MARGIN: 0px 25% 0px 20%; BORDER-LEFT: #000 1px solid; PADDING-TOP: 1em
}
#corpo-colonna3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; RIGHT: 0px; PADDING-BOTTOM: 1em; WIDTH: 25%; PADDING-TOP: 1em; POSITION: absolute; TOP: 0px
}

Mettendoci un'altezza maggiore

codice:

#corpo {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: #FFCC33; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; POSITION: relative;height:160%;
}
#corpo-colonna1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 0px; PADDING-BOTTOM: 1em; WIDTH: 20%; PADDING-TOP: 1em; POSITION: absolute; TOP: 0px;height:150%;
}
#corpo-colonna2 {
	BORDER-RIGHT: #000 1px dotted; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 1em; MARGIN: 0px 25% 0px 20%; BORDER-LEFT: #000 1px solid; PADDING-TOP: 1em;height:150%;
}
#corpo-colonna3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; RIGHT: 0px; PADDING-BOTTOM: 1em; WIDTH: 25%; PADDING-TOP: 1em; POSITION: absolute; TOP: 0px; height:150%;
}

**rozaglia** · 23-05-2004, 22:30

Ops...Php...Scusa è che ho un altra discussione sul forum php...
E ho unito le cose...

**keratox** · 23-05-2004, 22:34

lol

**rozaglia** · 23-05-2004, 22:36

Sti fogli di stile mi stanno facendo impazzire...

Anche se ho copiato il testo hce mi hai dato non cambia na mazza...

Discussione: problema con foglio di stile

Strumenti discussione

Ricerca discussione

Visualizza

problema con foglio di stile

Permessi di invio