Help - Search - Members - Calendar
Full Version: Center layout in ALL resolutions
Forums > Resource Center > Support Center > Blogger Support > Blogger Resolved Topics
foxdanger
How can i center my layout in all resolutions????


www.enkorerock.blogspot.com



The code:


CODE
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>..:: ENKORE :: RIO DE JANEIRO :: BRASIL ::..</title>
<script type="text/javascript">
function objOcultarExibir(obj, ativo)
{
document.getElementById( obj ).style.visibility = ativo;
}

function camada( sId ) {
objOcultarExibir( sId, 'visible' );
}

//função para fechar todos;
function objOcultar()
{
objOcultarExibir('contact', 'hidden');
objOcultarExibir('links', 'hidden');
objOcultarExibir('about', 'hidden');
objOcultarExibir('abouttext', 'hidden');
objOcultarExibir('news', 'hidden');
objOcultarExibir('archives', 'hidden');
objOcultarExibir('archivestext', 'hidden');
}
</script>
<style type="text/css">
div.topo{
top: 25px;
left: 130px;
width: 713px;
height: 210px;
position: absolute;
}
div.news{
top: 235px;
left: 130px;
width: 529px;
height: 360px;
position: absolute;
}
div.newstext{
top: 285px;
left: 150px;
width: 510px;
height: 280px;
position: absolute;
overflow-y: scroll;
overflow-x: hidden;
font: Verdana;
color: #FFFFFF;
}
div.about{
top: 235px;
left: 130px;
width: 529px;
height: 360px;
position: absolute;
visibility: hidden;
}
div.abouttext{
top: 285px;
left: 150px;
width: 510px;
height: 280px;
position: absolute;
visibility: hidden;
overflow-y: scroll;
overflow-x: hidden;
font: Verdana;
color:#FFFFFF
}
div.links{
top: 235px;
left: 130px;
width: 529px;
height: 360px;
position: absolute;
visibility: hidden;
}
div.contact{
top: 235px;
left: 130px;
width: 529px;
height: 360px;
position: absolute;
visibility: hidden;
}
div.archives{
top: 235px;
left: 130px;
width: 529px;
height: 360px;
position: absolute;
visibility: hidden;
}
div.acrchivestext{
top: 285px;
left: 150px;
width: 510px;
height: 280px;
position: absolute;
visibility: hidden;
overflow-y: scroll;
overflow-x: hidden;
font: Verdana;
color: #FFFFFF;
text-align: center;
}
div.menu{
top: 235px;
left: 658px;
width: 185px;
height: 330px;
position: absolute;
}
body,td,th {
font-family: Verdana
}
body {
background-color: #666666;
}
</style></head>
<body>
<div class="topo" id="topo">
<img src="http://www.enkorerock.com/blog/topo.jpg" border="0" alt="..:: ENKORE ::.." />
</div>
<div class="news" id="news">
<img src="http://www.enkorerock.com/blog/news.jpg" border="0" alt="..:: Novidades ::.." />
</div>
<div class="newstext" id="newstext">
<Blogger>
<BlogDateHeader><b><font color="#FFFFFF" size="+1"><$BlogDateHeaderDate$></font></b><br><br></BlogDateHeader>
<font color="#FFFFFF" size="-1"><$BlogItemBody$><br><$BlogItemDateTime$></font>
<br><br>
</Blogger>
</div>
<div class="about" id="about">
<img src="http://www.enkorerock.com/blog/about.jpg" border="0" alt="..:: Sobre a Enkore ::.." />
</div>
<div class="abouttext" id="abouttext">
<font color="#FFFFFF" size="+1">..:: English version - Enkore 2008 ::..</font><br><br><font color="#FFFFFF" size="-1">After nearly one year of waiting, Enkore fans will be able to have a first approach with its new job. Vi (guitar and voice) and Tulio (drums) joined three new members in this new formation; Guto (guitar and voice), Grunge (bass) and Deco (drive and voice).<br><br>The purpose is to coming up with a new type of sound. Using shouting voices together with heavy guitars and fast drums, Enkore´s sound has become more aggressive, without losing its melodic content.<br><br>Launching its new EP and preparing itself for a series of concerts, Enkore goes in search for their dreams. New members, new songs, new goals ... A new band coming up!<br><br>---//---<br><br></font><font color="#FFFFFF" size="+1">..:: Versão em português - Enkore 2008 ::..</font><br><br><font color="#FFFFFF" size="-1">Após quase um ano de espera os fãs da Enkore poderão ter um primeiro contato com o seu novo trabalho. Vi e Tulio uniram-se a três novos integrantes, Guto (guitarra e voz), Grunge (baixo) e Deco (drive e vocais).<br><br> O objetivo é trazer uma nova proposta ao som da banda. Com vocais berrados somados a guitarras pesadas e levadas rápidas, tornaram o som mais agressivo, sem perder o teor melódico.<br><br>Lançando o seu novo EP e preparando-se para uma série de shows a banda segue trilhando o caminho até seus objetivos. Nova formação, novas músicas, novos objetivos... Uma nova banda!</font>
</div>
<div class="links" id="links">
<img src="http://www.enkorerock.com/blog/links.jpg" alt="..:: Link's ::.." border="0" usemap="#Map2" />
<map name="Map2" id="Map2">
<area shape="rect" coords="22,50,155,85" href="http://www.myspace.com/enkorerock" target="_blank" alt="..:: MySpace ::.." />
<area shape="rect" coords="168,48,294,88" href="http:" />
<area shape="rect" coords="307,46,435,88" href="http://www.google.com/calendar/embed?src=65uhfh9rj1l4457u4dpjva5plk%40group.calendar.google.com&ctz=America%2FSao_Paulo&gsessionid=m6DZLVGriSMUWKA3abISrA" target="_blank" alt="Shows and Events" />
<area shape="rect" coords="42,91,146,130" href="http://www.youtube.com/enkorerock" target="_blank" alt="..:: Videos ::.." />
<area shape="rect" coords="183,92,291,131" href="http://www.flickr.com/enkorerock" target="_blank" alt="..:: Pictures ::.." />
<area shape="rect" coords="324,92,423,130" href="http://www.vagalume.com.br/enkore" target="_blank" alt="..:: Lyrics ::.." />
<area shape="rect" coords="318,138,434,168" href="http://www.purevolume.com/enkorerock" target="_blank" alt="..:: More Musics ::.." />
<area shape="rect" coords="172,133,293,170" href="http://www.palcomp3.com.br/enkorerock" target="_blank" alt="..:: More Musics ::.." /><area shape="rect" coords="39,132,153,170" href="http://www.tramavirtual.com.br/enkorerock" target="_blank" alt="..:: Musics ::.." />
<area shape="rect" coords="160,173,302,210" href="http://www.fotolog.com/enkorerock" target="_blank" />
</map>
</div>
<div class="contact" id="contact">
<img src="http://www.enkorerock.com/blog/contact.jpg" alt="..:: Contato ::.." border="0" usemap="#Map3" />
<map name="Map3" id="Map3"><area shape="rect" coords="23,103,228,122" href="mailto:enkore@enkorerock.com" target="_blank" alt="..:: Enkore Email ::.." />
<area shape="rect" coords="346,187,448,271" href="mailto:foxdanger@gmail.com" target="_blank" alt="..:: Contact Designer ::.." />
</map>
</div>
<div class="archives" id="archives">
<img src="http://www.enkorerock.com/blog/archives.jpg" border="0" alt="..:: Arquivos ::.." />
</div>
<div class="archivestext" id="archivestext">
<script type="text/javascript" src="archive.html"></script>
</div>
<div class="menu" id="menu">
<img src="http://www.enkorerock.com/blog/menu.jpg" alt="..:: Menu ::.." border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="poly" coords="19,95,107,81,112,106,26,124" href="#" alt="..:: Novidades ::.." onclick="java script:objOcultar();camada('news');camada('newstext');" />
<area shape="poly" coords="38,130,118,112,122,145,43,161" href="#" alt="..:: Sobre a Enkore ::.." onclick="java script:objOcultar();camada('about');camada('abouttext');" />
<area shape="poly" coords="45,169,123,156,129,187,54,201" href="#" alt="..:: Link's ::.." onclick="java script:objOcultar();camada('links');" />
<area shape="poly" coords="43,209,157,189,156,223,54,242" href="#" alt="..:: Contato ::.." onclick="java script:objOcultar();camada('contact');" />
<area shape="poly" coords="56,248,167,229,170,260,56,278" href="#" alt="..:: Arquivos ::.." onclick="java script:objOcultar();camada('archives');camada('archivestext');" />
</map>
</div>
</body>
</html>
foxdanger
NO ONE CAN HELP WITH THIS SIMPLE QUESTION?! :/
foxdanger
What happen's with this forum?! No ones can help?

Anyone????
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.