Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fala galera tranquilo....
com a ajuda da turma aqui eu montei meu layout 100% em css sem tabela e talz...mas to com um problema...
a cliente ja reclamou que em varios micros dela o site nao desce,nao aparece a barra de rolagem mesmo quando tem conteudo...o rodape fica na base em cima do conteudo, mas nao fica na base do site onde ele deveria ficar, ele fica no rodape do q aparece no browser...
segue o print de como ta:
segue meu codigo css
html, body {
padding:0px;
text-align:center;
margin: 0px;
background-image: url(../_img/back.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
height: 100%;
}
#layout {
width:795px;
text-align:left;
background-color: #FFFFFF;
clear: both;
position: relative;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
float: none;
overflow: hidden;
min-height: 100%;
padding-bottom: 48px;
}* html #layout {
height: 100%;
}a:link {
color: #896b59;
text-decoration: none;
} text-decoration: none;
color: #896b59;
} text-decoration: underline;
color: #896b59;
} text-decoration: none;
color: #896b59;
text-align: left;
}
#left {
float: left;
width: 490px;
padding-left: 10px;
}
#right {
width:255px;
float: right;
padding-right: 20px;
}
#rodape {
width: 795px;
background-image: url(../_img/rodape_fundo.jpg);
height: 48px;
color: #896b59;
font-size: 13px;
font-weight: bold;
text-align: center;
line-height: 25px;
position: absolute;
bottom: 0;
}
#topo {
width: 795px;
background-color: #FFFFFF;
padding: 0px;
}
#banner {
width: 795px;
background-color: #FFFFFF;
margin-top: 0px;
padding-top: 0px;
}o codigo da pagina é:
<!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">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />set config = connect.execute("SELECT * from config")
set conteudo = connect.execute("SELECT * from conteudo")
set destaques = connect.execute("SELECT TOP 8 * from destaques ORDER BY id DESC")<meta name="keywords" content="<% = config("meta") %>" />
<title><% = config("titulo") %></title>
<script src="_sys/validaform.js" type="text/javascript"></script>
<style type="text/css">
@import url("_css/layout.css");
@import url("_css/main.css");</style>
</head>
<body>
<div id="layout">
<div id="topo">
<iframe src="topo.asp" name="menu" width="795" marginwidth="0" height="231" marginheight="0" scrolling="no" frameborder="0" id="menu"></iframe>
<br />
<div id="banner"><img src="_img/bemvindo.jpg" width="795" height="95" alt="" /></div>
</div>
<div id="top">
<div id="bemvindo">
<p><img src="_img/espacos.jpg" width="139" height="193" border="0" usemap="#Map" class="espaco" />
<map name="Map" id="Map"><area shape="rect" coords="1,1,142,68" href="espaco/?ShowID=espaco" alt="Espaço" />
<area shape="rect" coords="1,68,147,126" href="espaco/?ShowID=saude" alt="Saúde" />
<area shape="rect" coords="1,125,139,194" href="espaco/?ShowID=beleza" alt="Beleza" />
</map>
<% = conteudo("home") %>
</p>
<p align="center"><span class="style1"><a href="about/">Sobre Nós</a> | <a href="equipe/">Nossa Equipe</a></span></p>
</div>
</div>
<div id="left">
<div align="center"><span class="Titulos">Bellitá News</span> </div>
<div id="destaques">
<ul>
<li><a href="promo/" target="_parent"><b>|
Promoções Bellitá
</b></a></li>
<%do while not destaques.eof%>
<li><a href="news/mostra.asp?id=<% = destaques("id")%>" target="_parent"><b>|
<% = destaques("titulo")%>
</b></a></li>
<% destaques.movenext
loop
%>
</ul>
<div class="ver_todos"><a href="news/">Ver todos</a></div>
</div>
<div id="fotos"><img src="_img/index_44.jpg" alt="" width="484" height="169" /></div>
</div>
<div id="right">
<div id="cadastro">
<div align="center"><span class="Titulos">Cadastro</span></div>
<form action="_sys/sendform.asp" method="post" name="dados" class="cadastro" id="dados" onSubmit="return validahome();">
<p>Nome:
<input name="nome" type="text" id="nome" size="28" />
<br />
<br />
Email:
<input name="email" type="text" id="email" size="28" />
<br />
<% = msg %></p>
<input type="image" src="_img/cadastrar.jpg">
<div class="texto_brinde c1">Cadastre-se e ganhe um PRESENTE,<br />
<a href="promo/">Clique aqui</a> e conheça o regulamento</div>
</form>
</div>
<div id="video"><object width="256" height="199"><param name="movie" value="
name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="
type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="256" height="199"></embed></object></div>
</div>
<div id="clear"></div>
<div id="rodape">Rua das Hortências, 902 - Chácara Primavera - Campinas,SP | Tel.:(19)3308-6662 / (19)3256-0387 | contato@bellita.com.br<br />
<img src="_img/barra_rodape.jpg" width="795" height="2" alt="" /><br />
Todos os direitos reservados - Bellitá</div>
</div>
</body>
</html>Obrigado!!!
Carregando comentários...