Hi,
answers 
1) You more or less have it in the right place except that you won't need it because you have content after your floats that you can add clear:both to anyway. You only need extra divs with clear:both (or the clearfix) when you have no content that follows a float within the same parent. When you have content that follows a float you can simply clear that content and no fixes are needed at all.
2) You don't need the three definitions that are all the same where you have included backslashes but the widths are all the same! If they are all the same then why are you trying to hack them lol
3) You need to reduce the margin-right in this duplicate style. You hava accounted for it once higher up in the code but then you have redefined it here for some reason.
Code:
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #content_text {
height: 1%;
margin-left: 157px;/* you had 160px*/ }
/* End hide from IE5/mac */
Heres the whole code with all the unnecessary styles taken out and a couple fixed
Code:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-13" />
<style type="text/css">
/*
Logistokos Sprendimai <www.logsol.lt>
author: Janis Lanka
company: e|motion <www.emotion.lt>
*/
html,body {margin:0;padding:0}
body {
padding: 0;
margin: 20px 0 0 0;
font: 11px Arial, Helvetica, sans-serif;
color: #133258;
background-color: #fff;
}
#container {
width: 700px;
background-image: url(http://www.logsol.lt/bg.gif);
background-repeat: repeat-y;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0
}
#banner {
padding: 0;
margin-bottom: 0px;
border-bottom: 3px solid #3D72B6;
background-color: #3D72B6;
}
#header {height: 111px;}
#headerRight { float: left;}
#headerLeft {
float: left;
width: 167px;
margin: 0;
margin-right: 0;
padding: 0;
}
#menu {
height: 18px;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
background-color: brown;
}
* html #menu {height:22px;he\ight:18px}
#menuRight {
float: left;
text-align: center;
padding-bottom: 1px;
}
#menuLeft {
float: left;
width: 161px;
border-right: 2px solid #fff;
margin-right: 0;
padding: 0;
background-color: yellow;
font-size: 1px;
}
* html #menuLeft{
width:163px;/*for ie5.x win */
w\idth:161px;/*for ie6*/
}
#sidebar {
float: left;
width: 160px;
margin: 0;
margin-right: 0;
padding: 0;
background: yellow;
}
* html #sidebar {margin-right:-3px}
#content_photo {
float: right;
width: 140px;
margin: 0;
margin-left: 0;
padding: 42px 10px 20px 20px;
font-size: 9px;
}
* html #content_photo {margin-left:-3px;width:160px;w\idth:140px;}
#content_photo img {
display: block;
border-top: 8px solid #3C72B5;
}
#content_text {
padding: 0 0 20px 15px;
margin-left: 160px;
margin-right: 170px;
background: green;
}
/* commented backslash mac hiding hack - ie5 fix \*/
* html #content_text {height:1%;}
/* end hack */
* html #content_text {margin-left: 157px; margin-right: 167px;}
#content_wide { /* exceptions when content needs to be wide */
padding: 0 0 20px 15px;
margin-left: 160px;
}
/* start of SUBMENU */
#submenu_items {
width: 140px;
text-align: left;
padding: 42px 0 20px 0;
}
#submenu_items ul {
margin: 0;
padding-left: 0;
margin-left: 0;
list-style: none;
}
#submenu_items li {
list-style: none;
margin: 2px 0 2px 4px;
padding: 2px 0 2px 2px;
border: 1px solid #C9CDD3;
}
#submenu_items li a {
color: #3C72B5;
display: block;
font-size: 11px;
font-weight: bold;
background-color: transparent;
border-left: 3px solid #C32C00;
padding-left: 8px;
}
#submenu_items li a:hover {
border-left: 3px solid #fff;
}
/* end of SUBMENU */
/* start of FOOTER */
#footerTop {
height: 12px;
padding: 0;
margin: 0;
background-color: #3C72B5;
font-size: 1px; /* to fix the problem of min-height problem in IE */
line-height: 0; /* to fix the problem of min-height problem in IE */
clear:both;
}
#footerBottom {
height: 7px;
padding: 0;
margin: 0;
border-top: 2px solid #fff;
text-align: right;
background-color: #fff;
}
/* end of FOOTER */
/* start of ELEMENTS */
img {
border: 0;
}
a {
text-decoration: none;
color: #255BA0;
}
h2 { /* MAINtitle */
font-weight: 600;
margin: 0;
padding: 12px 0 3px 0;
font-size: 1.9em;
color: #255BA0;
}
h4 { /* SUBtitle */
font-weight: 600;
margin: 0;
padding: 0;
font-size: 1.4em;
}
/* end of ELEMENTS */
/* MENU */
#navlist {
margin: 0;
padding: 0;
padding-top: 2px;
}
#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist li
{
display: inline;
list-style-type: none;
font-size: 1.1em;
font-weight: 600;
text-transform: uppercase;
padding: 0px 10px;
}
#navlist a { padding: 0px 20px; }
#navlist a:link, #navlist a:visited {
color: #fff;
background: transparent;
text-decoration: none;
}
#navlist a:hover
{
color: #fff;
background: #4D7EBC;
text-decoration: none;
}
/* HACKS */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #content_text {
height: 1%;
margin-left: 157px;
}
/* End hide from IE5/mac */
</style>
<title>Logistokos Sprendimai</title>
</head>
<body>
<div id="container" class="clearfix">
<div id="banner">
<div id="header" >
<div id="headerLeft"><img src="http://www.logsol.lt/logo.gif" alt="Logistokos Sprendimai" width="167" height="111" /></div>
<div id="headerRight"><img src="http://www.logsol.lt/testhead.jpg" alt="" width="533" height="111" /></div>
</div>
<div id="menu">
<div id="menuLeft"><a href="#"><img src="http://www.logsol.lt/contact.gif" alt="contact" width="102" height="18" border="0" style="border-right: 2px solid #fff" /></a><a href="#"><img src="http://www.logsol.lt/languages.gif" alt="" width="57" height="18" border="0" /></a></div>
<div id="MenuRight">
<ul id="navlist">
<li><a href="#">COMPANY</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="#">PARTNERS</a></li>
<li><a href="#">CLIENTS</a></li>
</ul>
</div>
</div>
</div>
<div id="sidebar">
<div id="submenu_items">
<ul>
<li><a href="#">partnership network</a></li>
<li><a href="#">Geografinė padėtis</a></li>
<li><a href="#">partnership network</a></li>
<li><a href="#">new</a></li>
<li><a href="#">Geografinė padėtis</a></li>
</ul>
</div>
</div>
<!-- end of id="submenu_items" -->
<div id="content_photo"> <img src="http://www.logsol.lt/testimg.jpg" alt="" width="140" height="140" />comments
if necessary </div>
<!-- end of id="content_photo" -->
<div id="content_text">
<h2>PARTNERIAI</h2>
sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et
accusam et justo duo dolores et ea rebum. Stet c lita kasd gubergren, no sea
takimata sanctus est Lorem ipsum dolor sit am et. Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam non umy eirmod temp<br />
<br />
<h4>somet more</h4>
idunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
eos et accusam et justo duo dolores et ea rebum. Stet c lita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit am et. Lorem ipsum dolor
sit amet, consetetur sadipscing elitr, sed diam non umy eirmod temp
</div>
<div id="footerTop"> </div>
<div id="footerBottom"><img src="http://www.logsol.lt/emotion.gif" alt="site developed by e|motion" width="114" height="7" /></div>
</div>
<!-- end of div id="container" -->
</body>
</html>
Hope that helps.
Paul
Bookmarks