problema float

[dvd86]

ho due box...uno a dx e l'altro a sx.
ho usato l'attributo float x posizionarli uno affianco all'altro....ma come mai non vengono adiacenti? c'è uno spazio di tot pixel tra uno e l'altro....

[fcaldera]

postare il codice css e xhtml che usi, (o un link alla pagina in questione), aiuterebbe a capire il problema

[dvd86]

CSS

div#container {
position: relative;
left: 6px; top: 0;
width: 600px; height: 100%; min-height: 417px;
background-color: #FFFFFF;
border-width: 0px 1px 1px 1px;
border-style: none solid solid solid;
border-color: #BFBEC0;
float: right;
background-color: #000000;
}
div#celle_articoli_sx {
position: relative;
top: 28px; left: 21px;
width: 267px; height: 100%;
float: left;
}
div#celle_articoli_dx {
position: relative;
top: 28px; left: 0;
width: 267px; height: 100%;
float: right;
}
.cella_articoli {
position: relative;
width: 257px;
height: 95px;
background-color: #FFFFFF;
background-repeat: no-repeat;
margin-bottom: 9px;
padding: 5px;
}

HTML

<div id="container">
<div id="celle_articoli_sx">
<div>[img]img/articolo1.gif[/img]lavagne
Potete tranquillamente esporre le stampe in ambienti aperti e ventosi</div>
</div>

<div id="celle_articoli_dx">
<div class="cella_articoli blu">[img]img/articolo4.gif[/img]esposotori luminosi
Potete tranquillamente esporre le stampe in ambienti aperti e ventosi</div>
</div>

</div>

il container ha a sua volta un float right xke è dentro a un altro box

[fcaldera]

1) flotta entrambi i div a sinistra
2) aggiungi display: inline ad entrambi i div flottati (serve per il punto 4)
3) elimina position: relative; dai div flottati (e le proprietà left e top)
4) riposiziona i div usando margin-top e margin-left

facendo così ho eliminato lo spazio tra i div

[dvd86]

MITICO!!

[dvd86]

xò c'è un latro piccolo problema....il div#celle_articoli_sx dandogli margin-left con IE6 non rispetta la posizione!

se ad esempio do margin-left: 20px si sposta del doppio!

[fcaldera]

allora ti sei dimenticato di mettere

display: inline;

ai due blocchi flottati

[dvd86]

scusa sono un cretino!!