It won't work like this either.
Here is the source I'm using right now, and here
http://proba45.free.bg/HTMLPage.htm you can see how the page looks like with the big image.
Do you have an idea why this might be so?
Thank you for your help
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Task</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
div.container{
width: 850px;
border: 1px solid red;
}
div.header {
height: 20px;
width: 850px;
background-color: #666666;
}
div.left {
width: 200px;
float: left;
}
div.right {
background: #ccc;
width: 640px;
float: left;
}
div.footer {
width: 100%;
clear: both;
background: orange;
}
</style>
</head>
<body>
<div class="container">
<div class="header">Header</div>
<div class="left">
<p><img src="images/1.jpg" alt=""/></p>
</div>
<div class="right">
<p><strong>3) More stuff here.</strong> very text make long silly make text very very text make long filler very make column make silly column fill silly column long make silly filler column filler silly long long column fill silly column very </p>
</div>
<div class="footer"><p>Here it goes the footer</p></div>
</div>
</body>
</html>