layout fluido, suddivisione div in 4 parti.. avanzano pixel

[Pandax]

Ciao a tutti...

ho un div con una larghezza 100%... che perciò varia a seconda del ridimensionamento della finestra.. del dispositivo usato...ecc.

facciamo per esempio che sia di 782px

al suo interno ho 4 div che vorrei fossero uguali.. e per questo li ho messi al 25%.
perciò diventano 782/100*25 = 195,5px ...arrotondato 195px

perciò mi rimangono fuori 2px... che fanno graficamente dei pasticci.

Come posso risolvere?

Se quei 2px fossero posti centralmente cioè tra il 2° e il 3° div interno.. credo non ci sarebbero problemi... ma invece li ho sulla destra.

<div style="width:100%;">
<div id="a"  style="width:25%;">
</div>
<div id="b"  style="width:25%;">
</div>
<div id="c"  style="width:25%;">
</div>
<div id="d"  style="width:25%;">
</div>
</div>

[Pandax]

Ho trovato una mezza soluzione... ma non va molto bene.

vi spiego...

potrei fare i primi 2 div float left

e gli ultimi 2 div float right

il problema sta nel fatto che per fare in questo modo.. gli ultimi 2 div devono essere invertiti di posizione e per me è un problema.

mi spiego meglio...

ho un ciclo che genera questi div.. per costruire riga per riga una specie di libreria.
perciò nel div A e nel div D ci sono come immagini di sfondo gli angoli.. nel div B e C c'è lo sfondo della parte centrale.

io non so quanti libri avrò.. quindi posso arrivare ad avere ad esempio 3 libri.

e perciò nel ciclo che mi inserisce lo sfondo del div.. e immagine del libro finisce che

mi inserisce gli sfondi così
A - B - D - C (è lo sfondo viene giusto.. visto il float right degli ultimi 2)

ma mi inserisci pure l'immagine del libro in questo modo

A si - B si - D si - C no

che visivamente è

LIBRO - LIBRO - VUOTO - LIBRO

[tas]

Originariamente inviato da Pandax
perciò mi rimangono fuori 2px... che fanno graficamente dei pasticci.

Perché sono un pasticcio? Non li puoi nascondere in qualche modo usando colori di background simili?

[LuigiMem]

- chiudi tutto in un div con un id,

- con javascript calcoli ogni volta la larghezza della "finestra"

- sottrai alla larghezza della finestra la larghezza totale della somma della larghezza dei div

- il risultato lo passi al div con setattribute e gli dai un margin-left negativo di cio che hai ottenuto,

nel tuo caso avresti 2px che vai ad applicare con un margin-left: -2px

spero di essere stato chiaro
ciao