ciao a tutti

ho una colonna sulla sinistra larga 70px senza margini ne padding
poi sulla destra ho un div che deve essere largo quanto il document - 70 px della colonna di sinistra

allora faccio cosi

$('<div id="main" style="float:left; border:solid 1px #FFF; width:50px;"></div>').insertAfter('#contenitore');
$('#main').animate({'width':$(document).width()-71,'height':'500px'} ,function(){

alert($('#contenitore').width()+" "+ $('#main').width()+" "+$(document).width());
});


mi stampa

70 1295 1349

ma 1349(monitor) -71(colonna sinistra +1 px di border) non fa 1295 ma 1278

quindi perchè mi mette che la larghezza del #main è 1295 se gli ho fatto colcolare 1349-71?
$('#main').animate({'width':$(document).width()-71,'height':'500px'}


grazie