PROBLEMA CSS x DIV. PAGINA

***°zely°*** · 08-11-2006, 16:17

Va beh! Il titolo non era conforme al regolamento. Non bastava modificarlo? Così sono costretta ad aprire una nuova discussione!

http://www.constile.org/template/nuo...a_tre_colonne/

Ho letto questo per dividere la pagina in 3 colonne. La suddivisione è giusta, è come la voglio fare io, l'unico problema è che la pagina non mi viene come spiegata. Ad esempio. io inserisco direttamente questo codice

<body>

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

<hr />

<div id="corpo">

<div id="corpo-colonna1">[...]</div>
<hr />
<div id="corpo-colonna2">[...]</div>
<hr />
<div id="corpo-colonna3">[...]</div>

</div>

<hr />

<div id="piedipagina">

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

</body>

Nella pagina, ma la pagina mi viene divisa in righe, e non in colonne!
Come devo fare? E dove devo mettere gli altri codici?

**webdemo** · 08-11-2006, 16:25

c'è il link nella spiegazione della costruzione di pagina, clicca e visualizza il codice sorgente

http://www.constile.org/template/nuo...esempio_2.html

ciaux

***°zely°*** · 08-11-2006, 16:35

Clicco dove?
Quello è l'esempio, la mia pagina vorrei che venisse così ma non so cosa devo fare!

**Federix** · 08-11-2006, 16:36

Originariamente inviato da *°zely°*
Va beh! Il titolo non era conforme al regolamento. Non bastava modificarlo? Così sono costretta ad aprire una nuova discussione!

Se ti avessi modificato il titolo, la prossima volta magari avresti inserito un titolo non conforme. In questo modo hai letto il regolamento e hai capito come scrivere i titolo

***°zely°*** · 08-11-2006, 16:41

ok capito

**webdemo** · 09-11-2006, 12:35

Originariamente inviato da *°zely°*
Clicco dove?
Quello è l'esempio, la mia pagina vorrei che venisse così ma non so cosa devo fare!

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" lang="it">
<head>
<title>Tre colonne: Liquido con colonne a larghezza fissa</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!-- 
body { 
	font:80% verdana,helvetica,sans-serif; 
	margin:0; padding:0
}
code { font:80% 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:90%; margin:1em auto; text-align:left }
#corpo { width:90%; margin:1em auto; text-align:left }
#piedipagina { width:90%; margin:1em auto; text-align:left }

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

/* corpo */
#corpo { 
	position:relative; 
	background:#f0f0f0 url(sfondo_colonna1.png) repeat-y; 
	border:1px solid #000; 
}
#corpo-colonna1 { 
	position:absolute; top:0; left:0; 
	width:160px; 
	padding:1em 0; 
}
#corpo-colonna2 { 
	margin:0 200px 0 160px; 
	border-left:1px solid #000; 
	border-right:1px dotted #000; 
	background:#fff; 
	padding:1em 0; 
}
#corpo-colonna3 { 
	position:absolute; top:0; right:0; 
	width:200px; 
	padding:1em 0; 
}

/*pie' di pagina */
#piedipagina { 
	background:#eee; 
	border:1px solid #000; 
	padding:1em 0; 
}
-->
</style>
</head>
<body>

<div id="testa">
	<code>#testa { width:90%; margin:1em auto; text-align:left }</code>
	<code>#testa {
background:#ccc; 
border:1px solid #000; 
padding:1em 0; 
}</code>

</div>

<hr />

<div id="corpo">
	<div id="corpo-colonna1">
		<code>#corpo-colonna1 {
position:absolute; 
top:0; left:0; 
width:160px; 
padding:1em 0; 
}</code>
	</div>

	<hr />
	<div id="corpo-colonna2">
		<code>#corpo-colonna2 {
margin:0 200px 0 160px; 
border-left:1px solid #000; 
border-right:1px dotted #000; 
background:#fff:
padding:1em 0; 
}</code>
		<code>#corpo { width:90%; margin:1em auto; text-align:left }</code>
		<code>#corpo {
position:relative; 
background:#f0f0f0 url(sfondo_colonna1.png) repeat-y; 
border:1px solid #000; 
}</code>

		<code>body {
text-align:center; 
font:80% verdana,helvetica,sans-serif; 
margin:0; padding:0
}
code {
 font:80% verdana,helvetica,sans-serif; 
display:block; 
margin:0 1em .5em 1em; 
}
hr { display:none }</code>
	</div>
	<hr />

	<div id="corpo-colonna3">
		<code>#corpo-colonna3 {
position:absolute; 
top:0; right:0; 
width:200px; 
padding:1em 0; 
}</code>
	</div>
</div>

<hr />

<div id="piedipagina">

	<code>#piedipagina { width:90%; margin:1em auto; text-align:left }</code>
	<code>#piedipagina {
background:#eee; 
border:1px solid #000; 
padding:1em 0; 
}</code>
</div>

</body>
</html>

ciaux

Discussione: PROBLEMA CSS x DIV. PAGINA

Strumenti discussione

Ricerca discussione

Visualizza

PROBLEMA CSS x DIV. PAGINA

Re: PROBLEMA CSS x DIV. PAGINA

Permessi di invio