Tabless design problems

[BenPhelps]

I am creating a design, that would be simple with tables, but I want to use div's instead.

http://pcsyck.net/design/index.html

the huge gap between the divs

how can that be removed ?

[jc_gmk]

Set the position of the divs using css!

e.g.

.vista #container {
float: center;
width: 780px;
margin: 0 auto;
text-align: left;
}
.vista #header {
position: absolute;
top: 0px;
left: 0px;
background-image:url(images/Untitled-1_03.png);
background-repeat:no-repeat;
padding: 35px 0px 0px 35px;
height:65px;
color:#FFFFFF;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
}
.vista #footer {
position: absolute;
top: 100px;
left: 0px;
padding: 0px 0px 0px 35px;
background-image:url(images/Untitled-1_06.png);
background-repeat:no-repeat;
height:40px;
}

[jscheuer1]

There is no -

float:center;

Absolute positioning is not for layout of major page elements.

[jc_gmk]

oops, my bad...
never tried to use float:center before; so don't know why I put it in the answer.

try this...

.vista #container {
position: relative
width: 780px;
margin: auto;
text-align: left;
}
.vista #header {
position: absolute;
top: 0px;
left: 0px;
background-image:url(images/Untitled-1_03.png);
background-repeat:no-repeat;
padding: 35px 0px 0px 35px;
height:65px;
color:#FFFFFF;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
}
.vista #footer {
position: absolute;
top: 100px;
left: 0px;
padding: 0px 0px 0px 35px;
background-image:url(images/Untitled-1_06.png);
background-repeat:no-repeat;
height:40px;
}