Uhm. Well i am really not well equipped with jquery knowledge therefore giving me the complete code would be the solution. =]

The function will be
1.get the 70% width of the browser's screen.
2.convert that width into its corresponding px value
3.set the max width of the #mainContainer using the value got from the conversion/calculation.

Need help thanks.
here is the css style for the container i want to set max-width with.

    min-width:940px;/* 	940px absolute value of 70%. *   
	margin:0 auto;
	 /*serves as a divider from content to the main container*/
	-webkit-border-radius: 10px;
    border-radius: 10px;

Just out of curiosity, why not set the max-width in CSS to 70%? Why do it through JavaScript?

I want to get px value of the 70% of the container in the browser screen. This function is for the very purpose of setting an absolute value of max-width so that if i would zoom out the browser view the layout of the page wont mess up.