Ich fürchte es ist redundanter Schwachsinn, weil ichs nur hobbymäßig mache.
teilweise, der rest sieht aber recht gut aus
<!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">
die natürliche sprache des dokuments fehlt
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Bla." />
<meta name="keywords" content="bla, bla, bla" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="expires" content="0" />
die beiden obrigen zeilen kannst du dir schenken, pack sie (wenn du schon meinst) in den http-header)
<title>bla.de</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="http://www.bla.de/favicon.ico" type="image/x-icon" />
</head>
<body>
<div id="container">
<div id="header">
<div id="logo"> </div>
-----------------------^
ist niemals gut für sowas (siehe beats post)
warum bindest du das logo nicht als hintergrundbild des headers ein?
<div id="menu">
<ul>
<li><a href="index.html" class="active">Startseite</a></li>
<li><a href="bla.html">Bla</a></li>
<li><a href="bla.html">Bla</a></li>
<li><a href="bla.html">Bla</a></li>
<li><a href="bla.html">Bla</a></li>
</ul>
</div>
</div>
<div id="main">
<div id="content">
<div id="head_image">
<div id="slogan"></div>
<div id="under_slogan_text"></div>
</div>
<div id="text">
<h1>Bla.</h1>
<br />
------^
uberflüssig, margin-bottom verwenden
<p><a href="index.html">bla.de</a> bla bla<br />bla bla.</p>
<p>Bla bla<br />bla bla<br />bla bla<br />bla bla.</p>
<p>Bla.</p>
</div>
<div id="sidebar">
<h2>Bla</h2>
<p>Bla:</p>
<ul>
<li>Bla<br /><a href="http://www.bla.de">Bla</a></li>
--------------^
überflüssig - display: block für den link, dann gibts uach eine neue zeile
<li>Bla<br /><a href="http://www.bla.de">Bla</a></li>
<li>Bla<br /><a href="http://www.bla.de">Bla</a></li>
<li>Bla<br /><a href="http://www.bla.de">Bla</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<div id="left_footer">© 2008 bla.de
-----------------------------^
was spricht gegen © wo du doch utf-8 verwendest? wobei copyright im deutschen eh nicht existiert
"left" oder ähnliches als klassen oder id-namen war übrigens noch nie schlau ;) wenn dein footer kontaktdaten oder ähnliche beinhaltet, nimm ein address-element
</div>
<div id="right_footer">
<a href="bla.html">Bla</a> | <a href="bla.html">Bla</a> | <a href="bla.html">Bla</a> | <a href="bla.html">Bla</a> | <a href="bla.html">Bla</a> Bla by <a href="http://www.bla.de" title="Bla">Bla</a>
das hat beat schon angemerkt, ist noch nie das mittel der wahl gewesen :)
</div>
</div>
</div>
</body>
</html>
alles in allem verstehe ich nicht wo du die 80 kb hernimmst? "ich" zähle 2334 bytes bei dem von dir geposteten quelltext