No IE esta ok , só q n FF o topo n aparece

[gsfweb 0]

Aff ate q enfim consegui fazer meu site todo em css...este será o template

Só q visualizo ele normal no IE, mas no FF o topo n aparece. O site comeca sem o topo.

Ta todo certo no FF mas sem o topo. N consegui resolver...

 

o css:

=====================

/* Documento CSS */

* {

margin: 0;

padding: 0;

}

 

a {color: #682;}

 

a:hover {color: #9A6;}

 

body {

background: #999 ;

color: #999;

font: normal 62.5% "Lucida Sans Unicode",sans-serif;

margin: 3% 0;

}

#geral {

width: 770px;

margin: auto;

}

p,ul {

padding-bottom: 1em;

}

 

ul {margin-left: 1.2em;}

 

li {list-style: none;}

.principal li {list-style-image: url(img/li.gif);}

 

h1 {font-size: 1.2em;}

 

blockquote {

background: #FFF;

border-bottom: 1px solid #EEE;

border-top: 1px solid #EEE;

color: #333;

display: block;

font-size: 0.9em;

margin-bottom: 1.2em;

padding: 6px 12px;

}

blockquote p {padding: 3px 0;}

 

h1,h2,h3 {color: #994;}

 

/* outros */

.clearer {clear: both;}

.principal_right .bloco {padding: 6px 2px 6px 16px;}

.principal .bloco {padding: 58px 24px;}

.meta {font-size: 0.8em; color: #666;}

.left {float: left;}

.right {float: right;}

 

/* estrutura */

.conteudo {

font-size: 1.2em;

background: url(img/bgconteudo.gif) repeat-y;

margin: 0 auto;

width: 770px;

border: 8px solid #ccc;

}

 

/* cabecalho */

.cabecalho {

float: left;

width: 770px;

background: url(img/getopo2006.jpg);

font: normal 9.0em Verdana,sans-serif;

 

}

 

/* estrutura */

.top {

background: #222;

color: #ddd;

float: left;

font: normal 1.4em Verdana;

height: 50px;

text-align: center;

width: 769px;

}

.navegacao {

float: left;

width: 160px;

}

.principal {

float: left;

width: 480px;

}

.principal_right {

float: right;

width: 130px;

color: #CCC;

}

 

/* sub-navegacao */

.navegacao h1 {

background: #222;

color: #ffe;

font: bold 1.1em Verdana,sans-serif;

line-height: 24px;

padding-left: 8px;

}

.navegacao ul {margin: 0; padding: 0;}

.navegacao li {

border-bottom: 1px solid #696755;

list-style: none;

}

.navegacao li a {

background: #999;

color: #111;

display: block;

padding: 8px 0 8px 12px;

width: 148px;

text-decoration: none;

}

.navegacao li a:hover {

background: #ccc;

color: #000;

}

 

/* rodape */

.rodape {

background: url(img/rodape.gif) repeat-x;

color: #000;

font-size: 0.9em;

line-height: 39px;

width: 100%;

text-align: center;

}

.rodape .left,.rodape .right {padding: 0 16px;}

.rodape a {color: #EEE;}

.rodape a:hover {color: #FAFCB0;}

================

 

 

abaixo o link onde coloquei para ser visualizado aqui

 

teste

obrigado.

[Giovani 104]

Pq a classe .cabecalho está flutuando a esquerda?

Coloque um height nela! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[gsfweb 0]

Brigadao Gio.. valeu mesmoEu tinha colocado topo flutuando a esquerda e no embalo coloquei no cabecalho tb.rsrs tinha visto tudo e n achadovaleu mesmo

[Giovani 104]

Sem estresse!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif