Hier geht es, wie die violette Farbe schon ankündigt, um absolute Positionierung. Absolut heißt, daß der Style für jeden Bereich eine Angabe für "top" und "left" enthält, und daß diese Werte sich immer auf den Nullpunkt des übergeordneten Elementes (meistens ist das der body) beziehen. Wenn man dazu feste Maßeinheiten wie z.B. Pixel verwendet, kann man Seiten bauen, die präzise auf eine und nur eine Größe des Browserfensters abgestimmt sind. Die Bereiche (im Beispiel sind das Bereich #2 und #4) stehen fest und unverrückbar immer an der selben Stelle.
Nötig allerdings ist es nicht. Warum soll man dem Besucher eine Seite vorsetzen, die sich gegen die von Ihm gewählte Größe des Browserfensters sperrt? Wenn man ihm zu jeder Größe ein angepasstes Bild bieten will, kann man auch bei der absoluten Positionierung relative Maßangaben verwenden, bei der sowohl die Lage zum Nullpunkt als auch die Fenstergröße in Prozent angegeben werden. Diese Prozentangabe bezieht sich immer auf das übergeordnete Element - hier wieder <body>. Damit werden die die Bereiche dynamisch und passen sich jedem Browserfenster (und jedem Device!) an. Hier sind das der Textbereich und #3.