Problemas nas margens | WordPress.org Brasil

brbmarques
(@brbmarques)

13 anos, 7 meses atrás

Estou com um problema, eu crio o tema certinho usando a index.php, depois separo as partes header.php e footer.php, mas quando eu coloco o tema para funcionar ele coloca uma margem que não existe desconfigurando todo meu tema. Alguém pode me ajuda?

Isso é problema do 3.0.1 ?

Visualizando 4 respostas - 1 até 4 (de um total de 4)

brun@

(@brun)

13 anos, 7 meses atrás

Manda o endereço para analisar ?

Criador do tópico

brbmarques

(@brbmarques)

13 anos, 7 meses atrás

ainda não está hospedado.

index.php

<!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>Documento sem título</title>
<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="box">
    <div id="header">
        <div id="header_logo"><a href="<?php echo get_option('home');?>"><img src="<?php bloginfo('template_directory');?>/images/logo.png" border="0" alt="" /></a></div>
        <div id="header_search"></div>
    </div>

    <div id="menu">
    <ul>
         <li><a href="<?php echo get_option('home');?>">Início</a></li>
          <?php wp_list_pages('orderby=menu_order&title_li=&depth=1');?>
    </ul>
    </div>

    <div id="content">

        <div id="content_sidebar1"></div>
        <div id="content_bloco"></div>
        <div id="content_sidebar2"></div>
    </div>

<div id="clear"></div>
</div>
<div id="footer">
    <div id="footer_txt"> Texto aqui</div>
</div>
</body>
</html>

style.css

/*
Theme Name: Entre Irmãos
Theme URI: http://www.entreirmaos.net/
Description: Web2.0 com WordPress.
Version: 2.0
Author: Bruno Maruqes
Tags: blue, orange, two-columns, right-sidebar, flexible-width, sticky-post, rtl-language-support, translation-ready

*/
/*Reset*/
*{
    margin:0;
    padding:0;
}

body{
    background:url(images/bg.jpg) no-repeat #FFF;
}

#box{
    width:1000px;
    margin:0 auto;

}

/*Header*/
#header{
    height:105px;
    width:1000px;
}
#header_logo{
    margin:20px 0 0 30px;
    float:left;
}
#header_search{
    margin:7px 0 0 5px;
    float:right;
}

#menu{
    height:50px;
    width:1000px;
    display:block;
    float:left;
}
#menu ul{
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    width:100%;
}
#menu ul li{
    display:inline;
    float:left;
}
#menu ul li a{
    float:left;
    text-decoration:none;
    color:#CCC;
    font-weight:bold;
    font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    padding:12px 10px 12px 10px;

}
#menu ul li a:hover{
    border-bottom:3px #F30 solid;
    color:#FFF;
}

#banner {
    float:left;
    display:block;
    width:1000px;
    height:360px;
    margin:5px 0;
}

#content{
    width:1000px;
    float:left;
}
#content_sidebar1{
    width:240px;
    height:590px;
    margin:5px;
    float:left;
    background:#FFF;
}
#content_bloco{
    width:490px;
    height:590px;
    margin:5px;
    float:left;
    background:#FFF;
}
#content_sidebar2{
    width:240px;
    height:590px;
    margin:5px;
    float:right;
    background:#FFF;
}
#clear{clear:both;}
#footer{
    width:1000px;
    height:50px;
    background:#333;
    margin:0 auto;
}
#footer_txt{}

Criador do tópico

brbmarques

(@brbmarques)

13 anos, 7 meses atrás

só ta dando esse erro quando eu divido assim:

header.php

<!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>Documento sem título</title>
<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="box">
    <div id="header">
        <div id="header_logo"><a href="<?php echo get_option('home');?>"><img src="<?php bloginfo('template_directory');?>/images/logo.png" border="0" alt="" /></a></div>
        <div id="header_search"></div>
    </div>

    <div id="menu">
    <ul>
         <li><a href="<?php echo get_option('home');?>">Início</a></li>
          <?php wp_list_pages('orderby=menu_order&title_li=&depth=1');?>
    </ul>
    </div>

index.php

<?php get_header(); ?>   

    <div id="content">
    	<div id="banner" align="center"><img src="<?php bloginfo('template_directory');?>/images/banner.jpg" border="0" alt="" /></div>
        <div id="content_sidebar1"></div>
        <div id="content_bloco"></div>
        <div id="content_sidebar2"></div>
<?php get_footer(); ?>

footer.php

</div>

<div id="clear"></div>
</div>
<div id="footer">
    <div id="footer_txt"> Texto aqui</div>
</div>
</body>
</html>

o estranho e que se estiverem na index.php todos esses 3 codigos funcionam certinho.

Criador do tópico

brbmarques

(@brbmarques)

13 anos, 7 meses atrás

Problema parcialmente resolvido.

O problema está na codificação da página index.php

como uso UTF-8 a index.php gera esse espaço, converti o arquivo para ascii e funcionou, mas isso é estranho porque o header.php e o footer.php estão em UTF-8 e estão funcionando sem problemas.

algúem pode dar um help nisso ?

Visualizando 4 respostas - 1 até 4 (de um total de 4)

O tópico ‘Problemas nas margens’ está fechado para novas respostas.

Visualizações