[CSS] Problemi con i DIV

**JAEP** · 12-01-2005, 16:52

Salve,
ho relizzato una pagina HTML formata dalle seguenti componenti:
1) Un div per la testata
2) Un div per la barra di navigazione sinistra
3) Un div che contiene la parte centrale del sito (quello dei contenuti)

Non so come posizionare il div centrale, ovvero, i primi due vanno uno sotto l'altro e pertanto non ho nessun problema, imposto il padding e tutto fila liscio, ma quello centrale, per poter essere messo di fianco, deve essere posizionato obbligatoriamente con la posizione assoluta? Faccio questa domanda, perché noto che posizionando i DIV con le coordinate assolute ottengo risultati diversi tra progettazione e visualizzazione della pagina nel browser.

Usando i modelli precompilati di Dreamweaver, inoltre, ho visto che c'è proprio quello che io cerco e nonostante che ci sia un div uno affianco all'altro, il secondo non viene posizionato in maniera assoluta.

Spero di essere stato chiaro
Grazie

**floyd46** · 12-01-2005, 20:43

ciao
scrivi la pagina, se è in rete, in modo da poterti dare aiuto.
-Floyd-

**zoom** · 13-01-2005, 11:26

metti il primo div
al secondo dai proprietà float:left;
al terzo float:right;

in questo modo il secondo e il terzo verranno affiancati...
poi logicamente devi lavorare con le misure...

**JAEP** · 13-01-2005, 17:25

Come chiesto, vi posto le parti del codice che dispongono nella pagina i 3 DIV considerati

codice:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="stile.css">
<link rel="Shortcut Icon" href="elementi/icona.ICO" type="image/x-icon" />
</head>
<body>
<div id="testata" align="center">  [img]elementi/testata.jpg[/img]
</div>

<div id="barradx">
   
</div>

<div id="partecentrale">
   
</div>
</body>
</html>

Le parti del file css che posizionano i vari DIV sono queste

codice:

#testata {
	height:75px;
	width:100%;
	background-color: #ccccff;
}

#barradx {
	width: 156px;
	padding: 0px 0px 5px 10px;
	background-color:#EEEEEE;
	font-family:Arial, Helvetica, sans-serif;
}

#partecentrale{
	position:absolute;
	padding: 0px 0px 5px 10px;
	width:488px;
	left: 178px;
	top: 100px;
	height: 314px;
	font-family:Arial, Helvetica, sans-serif;	
}

Adesso, per posizionare la parte centrale sotto la testata e di fianco alla barradx, devo

usare per forza il posizionamento assoluto?

**JAEP** · 13-01-2005, 17:26

Originariamente inviato da zoom
metti il primo div
al secondo dai proprietà float:left;
al terzo float:right;

in questo modo il secondo e il terzo verranno affiancati...
poi logicamente devi lavorare con le misure...

Ho letto adesso il tuo post...

adesso provo!

**zoom** · 13-01-2005, 17:27

come già detto, devi usare il float.

#barradx {
width: 156px;
padding: 0px 0px 5px 10px;
background-color:#EEEEEE;
font-family:Arial, Helvetica, sans-serif;
float:left;
}

#partecentrale{
padding: 0px 0px 5px 10px;
width:488px;
float:right
height: 314px;
font-family:Arial, Helvetica, sans-serif;
}

Discussione: [CSS] Problemi con i DIV

Strumenti discussione

Ricerca discussione

Visualizza

[CSS] Problemi con i DIV

Re: [CSS] Problemi con i DIV

Permessi di invio