Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, estou com um problema
Fiz um Css aqui com Conteudo e Rodapé......em 1280x800 ele fica normal, não acontece nada de errado e está tudo alinhado
Testei em uma tela pouca coisa maior e ele desconfigurou totalmente, e em cada navegador de uma maneira, o mais problemático é o Internet Explorer
Acho que estou configurando alguma coisa errada em meu CSS
Através deste link vocês podem ver o projeto:
http://www.fieldcomunicacao.com.br/new/
O código da index está assim:
<!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=utf-8" />
<title>::. Atlética UNI-FACEF .::</title>
<style type="text/css"> margin:0;
padding:0;
text-align:center;
height: 100%;
width:100%;
background:#000000 url(img/1__bg.jpg) repeat-x bottom center; height:900px;
}
#tudo {
min-height: 100%;
position: relative;
}/ hack para IE6 que trata height como min-height /
* html #tudo {
height: 100%;
}
#conteudo {
margin:0 auto;
width:1024px;/*aqui tu coloca a largura do teu swf, pra deixa ele centralizado na horizontal*/
padding-bottom: 200px;/*nesse padding aqui você coloca a altura do rodape mais uns 50px, ex.: rodape tem 50px, padding-bottom: 100px*/
}
#rodape {
background:#000000 url(img/rodape.png) repeat-x bottom center;
height:149px;
position: absolute;
bottom: 0;
width:100%;
color:#FFF;
}
#email{
color:#2377C6;
background-color:#141313;
border:none;
font-size: 15px;
width:220px;
display:block;
margin-top:32px;
margin-left:150px;
}
#envia{
color:#FFFFFF;
background-color:#1d1c1c;
border:none;
font-size: 14px;
display:block;
margin-top:-18px;
margin-left:396px;
}
#fonte {
font-size: 15px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
display:block;
margin-top:-106px;
margin-left:-690px;
}
#patrocina {
display:block;
margin-top:-110px;
margin-left:310px;
}
#imagem-rodape{
}
#clear {
clear:both;
}
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<div id="tudo">
<div id="conteudo">
<div id="principal">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1024" height="850">
<param name="movie" value="index.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="index.swf" width="1024" height="850">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="[http://www.adobe.com/go/getflashplayer">Existe algo que eu possa fazer para que todas as telas fiquem do modo padrão?
O conteudo pode ser separado do rodapé, caso for maior a tela o rodapé fique colado embaixo e aumenta entre o flash player e rodapé
Carregando comentários...