- Postagens: 372
- Obrigados Recebidos: 0
[Resolvido] Erro ao desenvolver template
15 anos 6 meses atrás #28904
por abobre
abobre created the topic: [Resolvido] Erro ao desenvolver template
Boa tarde meus amigos,
Estou tentando desenvolver um template, apenas para aprender mesmo, mais acontece que a div conteúdo, onde fica <jdoc:include type="component" /> esta com a altura da div automática e isso esta deixando o template feio.
Segue o code do site e um print.
Code do CSS
Print Screen
Observação:
Eu quero que quando o texto que esta sendo exibido na div conteúdo seja pequeno o restante da div permaneça da mesma cor, no caso essa div seguiria o tamanho do menu left, caso o texto seja mais cumprindo, a div iria ser maior sempre da mesma cor.
Estou tentando desenvolver um template, apenas para aprender mesmo, mais acontece que a div conteúdo, onde fica <jdoc:include type="component" /> esta com a altura da div automática e isso esta deixando o template feio.
Segue o code do site e um print.
<div id="all">
<div id="logo"> </div>
<div id="Menu_Top"> </div>
<div id="Menu_Top_1"> </div>
<div id="Menu_Left">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<div id="Conteudo">
<jdoc:include type="component" />
</div>
</div>
<div id="Footer"> </div>Code do CSS
@charset "utf-8";
/* CSS Document */
body {
background: #F4FFD5;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
}
#all {
width: 1000px;
margin: 0 auto;
}
img {
border: 0;
}
#logo {
background:url(../images/Logo.png) no-repeat;
height: 355px;
}
#Menu_Top {
background:url(../images/Menu_Top.png) no-repeat;
height: 34px;
}
#Menu_Top_1 {
background:url(../images/Menu_Top_1.png) no-repeat;
height: 11px;
}
#Menu_Left {
background:url(../images/Menu_Left.png) no-repeat;
width: 245px;
float:left;
}
#Conteudo {
background:url(../images/Conteudo.png) repeat;
padding: 0 0 0 250px;
}
#Footer {
background:url(../images/Footer.png) no-repeat;
width: 1000px;
height: 49px;
margin: 0 auto;
}
div.moduletable_menu h3, div.moduletable h3 {
background:url(../images/Menu_H3.png) no-repeat;
height: 34px;
padding: 10px 0 0 15px;
margin: 0 0 0 5px;
}Print Screen
Observação:
Eu quero que quando o texto que esta sendo exibido na div conteúdo seja pequeno o restante da div permaneça da mesma cor, no caso essa div seguiria o tamanho do menu left, caso o texto seja mais cumprindo, a div iria ser maior sempre da mesma cor.
