JSFiddle - React, Tailwind, and code Playground

HTML

<!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>
{headers}
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<style type="text/css" media="all">
@import url({THEME}/css/style.css);
</style>
<style type="text/css" media="all">
@import url({THEME}/css/engine.css);
</style>
</head>

<body>
{AJAX}
<table>
<tr><td  Height="200" width="780"><img src="{THEME}/images/logo.gif" Width="100%"></td></tr>

<tr><td>Реклама</td></tr>

<tr>
   <td>
   <!--Левый блок-->
    <div class="left-block">левый блок</div>
    
    <!--Shortstory-->
    <div class="news-block">контент блок</div>
    
    <!--Правый блок-->
    <div class="right-block">
        <div class="menu">
          <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
            <li>8</li>
          </ul>
        
        </div>
    </div>
   </td>
</tr>

<tr><td>Реклама</td></tr>

<tr><td class="footer"><div class="textfooter">футер<div></td></tr>
</table>
</body>

</html>

CSS

html,body{
height:100%;
margin:0px;
padding: 0px;
background: #FFFFFF;
font-size: 11px;
font-family: tahoma;
}

table{
height:100%;
width:100%;
border:1;
}

td{
border: 1px solid #000;
}

.left-block{
width:10%;
border:1;
float:left;
position:releative;
}

.news-block{
background:url(../images/work-background.gif) repeat-x;
border:1px;
width:75%;
height:781px;
float:left;
position:releative;
}

.right-block{
width:15%;
border:1;
float:left;
position:releative;
}

td.footer{
background:url(../images/footer.gif);
height:165px;
position:absolute;
}



.menu li{
font-size:30px;
}