document.write() style position after load

I have three php file that can be recalled by document.write() ... But their 'div Style' place is in the chaotic format. I want to take them on a regular basis...

file1.php with 120*240 pixel :

document.write('
<?php 
//some PHP codes
//echo style
echo"<style>#ps2{height:240;width:120;line-height:12px;font-family:tahoma;}
p a{text-decoration:none;}</style>";
echo("<div id=\"ps2\">");
//some PHP codes
echo"</div>";
?>
');

Calling php file :

<script language="javascript" src="file1.php"></script>

if i call file2.php with 468*60 pixel and file3.php with125*125 pixel in the same page , how can i fix all codes displayed separately and regular.

• And displayed in any page separately and regular not only in a specific page with specific css... thanks