Provade att göra korrekt kod men det hjälper inte:
Kod:
<!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" xml:lang="se" lang="se">
<head><title>test</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head>
<body>
<?php
echo '
<div style="border: 1px solid gray; background-color: #F8F6F2;">
<h1>Test</h1>
<div>
';
for ($n = 0; $n < 30; $n++)
echo '
<div style="clear: both; border: 1px solid green; margin: 0 0 5px 0;">
<div style="float: left; width: 150; border: 1px solid red;">
Vänster
</div>
<div style="float: right; width: 150; border: 1px solid red;">
Höger
</div>
<div style="clear: both;">
Lite text
</div>
</div>
';
echo '
</div>
</div>
';
?>
</body>
</html>
Men scrollar man ner på sidan och sedan upp igen så är rubriken plötsligt där! Mycket märkligt, helt klart.
EDIT: Buggar såsom dessa har fått mig att överge div-layout på mitt senaste projekt... mycket beklagligt förvisso, men jag orkar inte spendera 20 timmar extra på att reda ut såna här märkligheter när en simpel tabell går att fixa på ett par minuter med samma önskade utseende, och inte särskilt mycket mer extra kod jämfört med alla nästlade div-taggar som annars behövs.