Kaip sukoduoti?

Sveiki kaip sukoduoti (html/css) viršuje ir apačioje esančią linija, bei kaip sukoduoti, kad logotipas butu sone, o ne per viduri ?

Nupiešiau pavyzdį kaip turėtų atrodyti:

Dekoju už pagalbą :)

Maždauk taip daryčiau aš:

#wrapper{

postition: relative;

margin: 0 auto;

width: 600px;

height: 600px;

}

#header{

postition: absolute;

top: 50px;

width: 100px;

height: 50px;

}

#logo{

position: absolute;

float: left;

left: 50px;

}

#content{

postition: absolute;

top: 200px;

width: 200px;

height: 200px;

}

#footer{

postition: absolute;

top: 400px;

width: 200px;

height: 200px;

}

ai o juostas tai du divus viena virsui kita apacioj po su width: 100%

Maždauk taip daryčiau aš:

 

#wrapper{

postition: relative;

margin: 0 auto;

width: 600px;

height: 600px;

}

#header{

postition: absolute;

top: 50px;

width: 100px;

height: 50px;

}

 

#logo{

position: absolute;

float: left;

left: 50px;

}

 

#content{

postition: absolute;

top: 200px;

width: 200px;

height: 200px;

}

 

#footer{

postition: absolute;

top: 400px;

width: 200px;

height: 200px;

}

 

ai o juostas tai du divus viena virsui kita apacioj po su width: 100%

Dekoju :)