Newsgroup: it.comp.www.html
Titolo: 2 div affiancati

salve...
ho un problema...vorrei affiancare due div per poi utilizzarli
per due liste affiancate.
non riesco ... avete qualche idea ?
grazie
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 non riesco ... avete qualche idea ?
Float ?
Dovresti postare del codice.
Se vuoi presentare i dati affiancati potresti usare una tabella, questo 
sarebbe proprio il caso adatto.



I due div devono flottare, ad esempio, a sinistra.
Esempio:
1. fai un contenitore largo 500px, flottante a sinistra (float:left)
2. dentro ci fai i due contenitori (che conterranno le liste)
floattanti a sinistra, la somma delle due larghezze non deve superare
500px altrimenti il secondo passa sotto..
3. stoppa il flottamento con un altro contenitore, o divisore <hr> con
clear:left
Spero di esser stato chiaro, al limite posto il codice. Bye


hoc ha scritto:

la mia idea pero' non era quella di mantenere i margini in auto e il 
width del contenitore non fisso ... si puo'? come devo settare i due box 
interni?
grazie ciao


 interni?
<div id="contenitore">
 <div id="d1" />
 <div id="d2" />
</div>
Li fai tutti e tre float=left.
contenitore senza width.
d1 e d2 con width=49% (per evitare rogne di arrotondamento), ma SENZA
border, margin e padding. Se ti serve spaziarli, metti un altro div dentro
d1 e d2 e facci quello che vuoi.
Bye.


Alessandro Pellizzari ha scritto:

ancora non provo cmq mi sono spiegato in modo pessimo prima..volevo dire 
che non li volevo appoggiati a sinistra ma centrati e con la 
possibilita' , con margin destro e sinistro in auto, di farli fluidi.
grazie cmq


 possibilita' , con margin destro e sinistro in auto, di farli fluidi.
O li vuoi centrati o li vuoi fluidi. :)
Non puoi fare entrambe le cose.
Come te l'ho messo io, contenitore occupa tutta la finestra del browser, e
i due div interni occupano la meta` ognuno.
Puoi centrare il contenitore impostando dei bordi destro e sinistro fissi,
per esempio a 10 em. I questo modo il contenitore e` fluido, ma mantiene
10 em per parte e rimane centrato, e i due div contenuti sono fluidi, ma
ognuno occupa sempre la meta` del suo contenitore.
Se vuoi il contenitore fluido e i due div fissi che si spaziano
automaticamente devi uscire dal semantico e mettere altri 3 div per fare i
margini e il gutter.
Meglio se spieghi esattamente cosa vuoi fare.


Alessandro Pellizzari ha scritto:

come me l'hai messo tu non capisco perche' ma si affiancano tutti e due 
i box a sinistra . Ma non posso mettere una percentuale al contenitore ?
cmq la mia idea era avere una pagina con due box che contenessero delle 
definizioni. dato che non so a che risoluzione verra' vista la pagina 
volevo farle fluidi e non fissi. chiaramente i contenitori li volevo con 
un bordo e quindi mi servono spaziati tra loro...chissa' se mi sono 
spiegato bene ti posto il css.
dl{width:250px;
     }
dt{
	color:#FF9900;
	text-transform:capitalize;
	font-weight:bold;
 
	font-style: normal;
	list-style-type:circle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
dd{
	margin:0;
 
	font-size: 12px;
	font-family: "Courier New", Courier, monospace;
	color:#999999;
 
}
#box1{
float:left;
width:49%;
border:1px solid #900;
background-color:#fafafa;
color: #900;
}
#box2{
float:left;
border:1px solid #900;
background-color:#fafafa;
color: #900;
width:49%;
}
#contenitore {
width:auto;
	float:left;
 
 
 
 
	}
 
	#alto {
 
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border-bottom: thin #CCCCCC solid;


-- CSS --
body {
	margin:0;
	padding:0;
	text-align:center;
	}
#wrap {
	margin:20px auto;
	border:1px solid #000;
	width:90%;
	padding:1em;
	}
#colonna-1 {
	float:left;
	width:49%;
	}
#colonna-2 {
	float:left;
	width:49%;
	}
.stop-float {
	clear:left;
	}
-- HTML --
<div id="wrap">
	<div id="colonna-1">
		Colonna-1
	</div>
	<div id="colonna-2">
		Colonna-2
	</div>
	<div class="stop-float"></div>
</div>
