Opcja w %% . Wystarczyło w treść usunąć float: left, oraz wprowadzić poprawki w menu2 aby wysokość byłą dobrze odwzorowana, dodałem 200px zamiast %
<!DOCTYPE html>
<head>
<title> </title>
<style>
body {
background-color: silver;
margin: 0;
padding: 0;
text-align: center;
}
#pudelko {
margin: auto;
width: 90%;
}
#logo{
background-color: silver;
height: 30%;
width: 99,5%;
border-style: solid;
}
#menu{
background-color: lightgray;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
}
#menu2{
background-color: lightgray;
float: left;
height: 200px;
width: 29%;
border-bottom-style: solid;
border-left-style: solid;
}
#tresc{
background-color: #AAAAAA;
width: 100%;
height: 200px;
border-bottom-style: solid;
border-right-style: solid;
}
#stopka{
background-color: silver;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
}
</style>
</head>
<body>
<div id="pudelko">
<div id="logo">LOGO</div>
<div id="menu">
<a href="#">link1</a>
<a href="#">link2</a>
<a href="#">link3</a>
<a href="#">link4</a>
</div>
<div id="menu2"></br></br>
<a href="#">link1</a></br></br>
<a href="#">link2</a></br></br>
<a href="#">link3</a></br></br>
<a href="#">link4</a></br></br>
</div>
<div id="tresc">Glowna tresc strony</div>
<div id="stopka">stopka</div>
</div>
</body>
</html>
<!DOCTYPE html>
<head>
<title> </title>
<style>
body {
background-color: silver;
margin: 0;
padding: 0;
text-align: center;
}
#pudelko {
margin: auto;
width: 90%;
}
#logo{
background-color: silver;
height: 30%;
width: 99,5%;
border-style: solid;
}
#menu{
background-color: lightgray;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
}
#menu2{
background-color: lightgray;
float: left;
height: 200px;
width: 29%;
border-bottom-style: solid;
border-left-style: solid;
}
#tresc{
background-color: #AAAAAA;
width: 100%;
height: 200px;
border-bottom-style: solid;
border-right-style: solid;
}
#stopka{
background-color: silver;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
}
</style>
</head>
<body>
<div id="pudelko">
<div id="logo">LOGO</div>
<div id="menu">
<a href="#">link1</a>
<a href="#">link2</a>
<a href="#">link3</a>
<a href="#">link4</a>
</div>
<div id="menu2"></br></br>
<a href="#">link1</a></br></br>
<a href="#">link2</a></br></br>
<a href="#">link3</a></br></br>
<a href="#">link4</a></br></br>
</div>
<div id="tresc">Glowna tresc strony</div>
<div id="stopka">stopka</div>
</div>
</body>
</html>