Vamos por partes nuevamente:
tus divs miden horizontalmente:
a=230;
b=536;
c=175;
Ahora, esto suma lo siguiente: 941 pixeles, primera variación, mantén tus min-height, pero dale ese width, a menos que tengas mucho borde, porque veo que tienes 994px de ancho.
están bien colocadas, asi que no hay problema por ahi, lo que haremos será lo siguiente:
Dales id a tus divs, yo los llamaré, uno, dos y tres, donde dos es el central. y baja el ancho del central a 540px y el derecho a 180. Esta es una maqueta que probé.
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Enlightenment - Tutorial javascript Efecto Fade sencillo.</title>
<style type="text/css">
#contenedor{
position:relative;
width:820px;
height:600px;
}
#uno{
width:100px;
height:600px;
position:relative;
float:left;
background:red;
}
#dos{
width:540px;
height:600px;
display:block;
position:relative;
float:left;
background:blue;
}
#tres{
width:180px;
height:600px;
display:block;
position:relative;
float:left;
background:green;
}
</style>
<script type="text/javascript">
var aumenta=540;
var crecimiento = 10;
var color = 100;
var bajon = 10;
function aqui(){
var obj = document.getElementById('dos');
var obj2 = document.getElementById('tres');
aumenta += crecimiento;
if (!(aumenta>=730)){
obj2.style.display="none";
obj.style.width = aumenta + "px";
window.setTimeout("aqui();",20);
}
}
</script>
</head>
<body>
<div id="contenedor">
<div id="uno">
<span onclick="aqui();">aqui</span>
</div>
<div id="dos">
</div>
<div id="tres">
</div>
</div>
</body>
</html>
</script>
Saludos!!