Cita:
Iniciado por furoya 
Vengo mirando (muy por arriba) este tema desde que apareció.
Y no puedo creer que vayan 18 mensajes para darle vueltas a lo evidente.
Yo lo que te recomendaría, georgarming, es que estudiaras un poco de CSS, hasta que adquieras un criterio para ver el comportamiento de los distintos elementos en la página.
Sobre tu última consulta; pues la verdad es que ni miré el código, pero si se "empujan a centenares de pixeles de distancia" es porque no hay "distancia" : hay márgenes.
La distancia se la das calculando las coordenadas de cada elemento (en tu planteo son iframes) y las pones en top y left de posición absoluta.
Un "truco" para que esas posiciones se acomoden a cada resolución o pantalla, es meterlos en contenedores que tengan posiciones relativas, pero eso sería otro asunto.
Para tu caso, si vas a usar márgenes, habría que crear un ajuste dinámico bastante engorroso, porque a medida que un iframe crece, se le tiene que restar los pixeles de margen hacia los vecinos en la misma cantidad, para que parezca que no se mueven.
Porque no hay centenares de pixeles entre un margen y otro : no hay nada, y por eso se empujan.
Supongo que ahora voy a meter la pata por mis escasos aunque trabajados conocimientos, pero creo que los márgenes, precisamente, son muy estrechos. Los he hecho de 1 píxel y azules (para que se vea bien donde están). Creo que lo que dices no es así (en mi humilde opinión, repito: no sé mucho), AL MENOS VISUALMENTE (es decir, que si tienes razón es que hay otros márgenes transparentes que yo no veo xD, que quizás es el caso).
Y sí, estoy aprendiendo CSS tan a fondo como puedo. Hace poco me leí http://htmlandcssbook.com/
Gracias.