treziman: Probleme mit div-bereichen

Beitrag lesen

Hallo,

melde mich nochmal mit einem neuen Problem. Ich habe jetzt zwei Dateien: index.php und test.php . Rufe ich die test.php direkt im Browser auf, wird alles korrekt angezeigt. Rufe ich aber zuerst die index.php auf, werden die div-Bereiche untereinander angezeigt. Weiss jemand warum? Ich habe schon mit übergeordneten divs (Elternelementen) experimentiert, bisher ohne Erfolg.
Hier mal die scripte:

index.php

<HTML>
<HEAD> <TITLE>testtitel</TITLE>
<META http-equiv='content-type' content='text/html; charset=iso-8859-1'>

</HEAD>
<BODY>

<?php
include('test.php');
?>

</BODY></HTML>

test.php

<?php

?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">

<html><head><TITLE>testtitel</TITLE>
<style type="text/css">
body { background-color:black; }
#f1 { position:fixed; top:0px; left:0px; width:499px; height:79px; background-color:black; background-image:url(banner1.gif); background-repeat:no-repeat; }
#f2 { position:fixed; top:0px; left:500px; width:479px; height:79px; background-color:black; background-image:url(bilder/bg1.jpg); background-repeat:no-repeat; }
#f3 { position:fixed; top:80px; left:0px; width:149px; height:350px; background-color:black; background-image:url(bilder/bg4.gif); overflow:hidden; background-repeat:no-repeat; }
#f5 { position:fixed; top:80px; left:828px; width:149px; background-color:black; background-image:url(bilder/bg3.gif); overflow-x:hidden; overflow-y:auto; min-height:350px; background-repeat:no-repeat; }

#haupt { top:80px; left:150px; position:fixed; width:679px; overflow-x:hidden; overflow-y:scroll; min-height:400px; height:auto; }
#support { left:150px; width:679px; overflow:scroll; bottom:-80px; position:fixed; }
</style>
</head><body>

<div id='f1'>frame1</div>
<div id='f2'>frame2</div>
<div id='f3'>frame3</div>
<div id='f5'>frame5</div>

</body></html>

Gruss
Thorsten