2 div affiancati

[Ner0]

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

[suppaman]

Post by Ner0
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.
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

[hoc]

Post by Ner0
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

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

--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

[Ner0]

Post by hoc

Post by Ner0
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

I due div devono flottare, ad esempio, a sinistra.
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
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

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
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

[Alessandro Pellizzari]

Post by Ner0
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?

<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.
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

[Ner0]

Post by Alessandro Pellizzari

Post by Ner0
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?

<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.
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

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
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

[Alessandro Pellizzari]

Post by Ner0
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.

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.

Bye.
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

[Ner0]

Post by Alessandro Pellizzari

Post by Ner0
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.

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.
Bye.
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

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;
}

--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

[hoc]

-- 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>

--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente