Como faço para tirar aquelas colunas laterais de um blog?
Estou fazendo um blog e estou bastante insatisfeito com a aparência do blog. É que ele tem duas colunas centrais na qual uma delas fica o texto e na outras os links e o conteúdo do blog. Mas nas laterais da páginas ficam colunas com espaço em branco que não dá para usar e só diminuem o espaço do texto. Como faço para tirar essas colunas laterais e aumentar o espaço do texto?
Update:<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd%...
<html expr:dir=' rel="nofollow">http://www.w3.org/1999/xhtml'; xmlns:b='http://www.google.com/2005/gml/b'; xmlns: rel="nofollow">http://www.google.com/2005/gml/ rel="nofollow">http://www.google.com/2005/gml/expr'>
<head>
<b:include >Update 3:
/* Variable definitions
====================
<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="mainTextColor" description="Text Color"
type="color" default="#555544" value="#555544">
<Variable name="pageHeaderColor" description="Blog Title Color"
type="color" default="#ffffee" value="#ffffee">
<Variable name="blogDescriptionColor" description="Blog Description Color"
type="color" default="#ffffee" value="#ffffee">
<Variable name="linkColor" description="Link Color"
type="color" default="#669922" value="#669922">
<Variable name="hoverLinkColor" description="Link Hover Color"
type="color" default="#88bb22" value="#88bb22">
Update 5:<Variable name="startSide" description="Start side in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="End side in blog language"
type="automatic" default="right" value="right">
*/
Update 7:#outer-wrapper {
margin: 0 auto;
border: 0;
width: 692px;
text-align: $startSide;
background: $mainBgColor url(http://www.blogblog.com/moto_son/innerwrap.gif) top $endSide repeat-y;
font: $bodyFont;
}
/* Header */
#header-wrapper {
background: #8b2 url(http://www.blogblog.com/moto_son/headbotborder.gif... bottom $startSide repeat-x;
margin: 0 auto;
padding-top: 0;
padding-$endSide: 0;
padding-bottom: 15px;
padding-$startSide: 0;
border: 0;
}
#header h1 {
text-align: $startSide;
font-size: 200%;
color: $pageHeaderColor;
margin: 0;
padding-top: 15px;
padding-$endSide: 20px;
padding-bottom: 0;
padding-$startSide: 20px;
background-image: url(http://www.blogblog.com/moto_son/topper.gif);
background-repeat: repeat-x;
background-position: top $startSide;
}
Update 9:/* Inner layout */
#content-wrapper {
padding: 0 16px;
}
#main {
width: 400px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar {
width: 226px;
float: $endSide;
color: $sidebarTextColor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
/* Bottom layout */
Update 11:/* Typography */
.main p, .sidebar p, .post-body {
line-height: 140%;
margin-top: 5px;
margin-bottom: 1em;
}
.post-body blockquote {
line-height:1.3em;
}
h2, h3, h4, h5 {
margin: 0;
padding: 0;
}
h2 {
font-size: 130%;
}
h2.date-header {
color: $dateHeaderColor;
}
.post h3 {
margin-top: 5px;
font-size: 120%;
}
.post-footer {
font-style: italic;
}
.sidebar h2 {
color: $sidebarHeaderColor;
}
Update 13:/* Profile
----------------------------------------------- */
.profile->Update 15:
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Respeito E Diversidade (Cabeçalho)' type='Header'/>
</b:section>
</div>
Update 17:<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Image4' locked='false' title='Campanha Não Homofobia' type='Image'/>
<b:widget id='Image3' locked='false' title='' type='Image'/>
<b:widget id='Image5' locked='false' title='' type='Image'/>
<b:widget id='Image1' locked='false' title='Respeito' type='Image'/>
<b:widget id='Profile1' locked='false' title='Quem sou eu' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Marcadores' type='Label'/>
<b:widget id='LinkList1' locked='false' title='Partidários do Respeito e Diversidade' type='LinkList'/>
<b:widget id='Image2' locked='false' title='Eu recomendo!!!' type='Image'/>
</b:section>
</div>
Update 19:<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div></div> <!-- end outer-wrapper -->
</body>
</html>
Comments
Eu precisaria ver o código HTML ou CSS que você utilizou, para dar uma resposta correta.
Qualquer coisa adicione ai nos detalhes adicionas que eu analiso e respondo
=-=-=-=-=-=-=-=-=-=-=-=-=ƒ
Se eu tirar o que você ta querendo o layout vai ficar "estranho" pra não dizer feio.
O ideal agora é você levar seu caso para http://www.forum.imasters.com/ e na área programação deixe seu problema que se não for eu outro moderador irá te atender rapidamente.