Css e <div> affiancati

[99caos]

Ho sostituito le tabelle con i <div> e i css ma visualizzo sempre uno spazio di 3px tra gli elementi:

www.artmachine.it/pagina.php?name=team

questo non si verifica in Opera anche se in quest'ultimo browser il tutto non è più centrato nella pagina.


Grazie

Luciano

[kaze]

Dunque intanto k-meleon il sito non si apre

Posta il css che simula la tabella altrimenti è un pò difficile capire dove è il problema :master:

[99caos]

Manca http all'url, se fate copia incolla funziona.

Pagina interessata

questo dovrebbe fungere.

ecco il codice CSS:


#contenuto {
margin : 0px;
padding: 0px;
voice-family : inherit;
vertical-align: top;
min-height : 300px;
}

#left {
border: 0px;
float : left;
padding: 0px;
voice-family : inherit;
width : 105px;
min-height : 300px;
}

#center {
background: #A9A9A9 url(./images/grigio_c.gif);
border-bottom : Black 1px solid;
border-left : Black 1px solid;
border-right : Black 1px solid;
border-top : Black 0px solid;
margin : 0px 0px 0px 105px;
voice-family : inherit;
width : 500px;
height: 100%;
}



ecco il codice Html:

<div id="contenuto">
<div id="left">
<div id='bottom'>[img]lato.gif[/img]
</div>
</div>
<div id="center">
</div>
</div>


Spero di essere stato chiaro.

Grazie

[kaze]

In qst momento non posso provare il codice sono impegnatissimo (sai il lavoro), cmq hai provato anche ad utilizzare lo spacing:0px xkè non lo vedo su nessuna classe....

Non garantistico il risultato e solamente la prima cosa che mi è venuta all'occhio

[kaze]

spacing:0px xkè non lo vedo su nessuna classe....

Non garantistico il risultato e solamente la prima cosa che mi è venuta all'occhio

Oddio penso che mi sono ubriacato di bit ho confuso i CSS con le table

excuse me

[99caos]

ho provato, innanzitutto spacing non esiste... se esiste io non l'ho visto.

Ho trovato invece word e letter-spacing ma nessuno dei due da risultati.

Su opera l'allineamento è perfetto ma la centratura no.


Lux

[99caos]

Stamane ho appena cambiato l'intestazione della mia pagina, non più xhtml sticted ma transitional...

Mi sento un pò sconfitto, ma come diceva mayer non è ancora il tempo di abbandonare le tabelle...


Ci sono due grossi problemi che non ho risolto:

Spazio tra gli elementi <div>
Impossibilità di fare crescere l'altezza di un box al crescere di un altro (come se fossero due celle di una stessa riga di tabella).


Grazie a tutti...

Lux

[span]

per quello superiore basta che scrivi <div>[img]testa.jpg[/img]</div> sulla stessa riga, è un bug di IE

per lo spazio dell'immagine a sinistra non ho capito, magari provo a riguardarmela con calma poi

[99caos]

ho quasi risolto. resta un errore di allineamento tra il div left e quello center... come soluzione però è un pò barbara...

cos'altro manca?


Lux

[lleffe]

Originariamente inviato da 99caos

Impossibilità di fare crescere l'altezza di un box al crescere di un altro (come se fossero due celle di una stessa riga di tabella).

devi usare immagini e/o colori di sfondo nel <div> contenitore...