Hey Rudolpho. Had a look at your code, and I couldn't get my head round it! Sorry, too many tables!
However I've re-written the basic Layout using CSS and Div boxes, which displays correctly in Firefox and IE 5.01+
Here is how it looks:
The code:
<html>
<head>
<style type="text/css">
html, body{
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
div {
padding: 0;
margin: 0;
}
div#content_main {
display: block;
float: left;
background: #FFF url(squiggle.jpg) bottom left no-repeat;
height: 100%;
width: 60%;
}
div#content_fill {
display: block;
float: left;
background: #99ccff url(bg_grad.jpg) left repeat-y;
height: 100%;
width: 40%;
}
div#banner_box {
width: 100%;
height: 140px;
background: #FFF url(banner_grad.jpg) left repeat-y;
}
div#nav_box {
width: 100%;
height: 22px;
background: #4292c5 url(nav_bg.jpg) left repeat-x;
position: relative;
}
div#nav_box div#nav_links{
margin-left: 220px;
display: block;
color: #FFF;
}
div#tl_img {
display: block;
background: url(tl_img.gif);
width: 207px;
height: 208px;
position: absolute;
top: -140px;
left: 0px;
}
div#content {
margin: 50px 0 0 10px;
}
</style>
</head>
<body>
<div id="content_main">
<div id="banner_box"></div>
<div id="nav_box"><div id="nav_links">Further links goes here</div><div id="tl_img"></div></div>
<div id="content">
<p>Content here Content here Content here Content here Content here</p>
</div>
</div>
<div id="content_fill"></div>
</body>
</html>
and the various image files I used are attached to this post.
Just a simple case for you to insert your content etc.
Sorry I couldn't tweak your original code!
Cheers,
BiggAdd
