Por favor gostariam que desse uma olhada neste site que estou criado para se possivel mim ajudarem em um erro que está dando.
No ie8 e firefox funciona normal, mais no ie7 quando eu clico nos outros itens do menu o site anda normal na horizontal mais as 03 molduras que era para ir junto nao acompanha e fica presa, alguem poderia mim ajudar?
Desculpe não sei como explicar este erro, por isso postei o link do site para ver.
Link: Página (para ver o erro tem que estar no ie7 e tem que navegar no menu do site para entender o problema, pois nao sei explicar)
Abaixo o código CSS
/* -- Geral --*/
* { margin: 0; padding: 0; }
body { font-family: "Arial", Tahoma; font-size: 13px; }
html, body { height: 100%; }
body { position: relative; }
a { outline: none; color: #fff; text-decoration: none; }
.clear { clear: both; }
/* -- Menu -- */
#menu { position: fixed; width: 100%; text-align: center; overflow: hidden; background: url(../images/layout/bg-menu.png) repeat-x; z-index: 10; }
#menu ul { width: 920px; margin: 0 auto; }
#menu li { display: block; float: left; list-style-type: none; }
#menu li a, #menu span a { display: block; height: 60px; text-indent: -90000px; }
#menu li a:hover, #menu span a:hover { background-position: 0 -60px; }
#menu li a:hover.home , #menu span a:hover.home { background-position: 0 -90px; }
#menu .home { background: url(../images/layout/logo.png) no-repeat; height: 90px; width: 216px; margin: 0 30px 0 85px; }
#menu .agencia { background: url(../images/layout/bt-agencia.png) no-repeat; width: 109px; }
#menu .servicos { background: url(../images/layout/bt-servicos.png) no-repeat; width: 109px; }
#menu .portfolio { background: url(../images/layout/bt-portfolio.png) no-repeat; width: 109px; }
#menu .blog { background: url(../images/layout/bt-blog.png) no-repeat; width: 76px; }
#menu .contato { background: url(../images/layout/bt-contato.png) no-repeat; width: 109px; }
/* -- Seções -- */
#secoes { overflow: hidden; clear: left; height: 100%; }
#secoes .conteudo { width: 15660px; height: 100%; background: url(../images/layout/bg-site.jpg); overflow: hidden; }
div.sub { float: left; padding: 100px 200px 20px 100px; margin-right: 800px; }
#secoes .conteudo #home,
#secoes .conteudo #agencia,
#secoes .conteudo #servicos,
#secoes .conteudo #portfolio,
#secoes .conteudo #blog,
#secoes .conteudo #contato { width: 880px; height: 474px; }
#secoes .conteudo #home #porta { width: 210px; height: 390px; background: url(../images/layout/porta.png) no-repeat; display: block; margin: -30px 46px 0 -30px; float: left; }
#secoes .conteudo #home .ultimos-trabalhos { list-style: none; }
#secoes .conteudo #home .ultimos-trabalhos li { margin: 16px; padding: 0; float: left; position: relative; width: 186px; height: 156px; }
#secoes .conteudo #home .ultimos-trabalhos img { padding: 16px 0 0 16px; border: 0px; }
#secoes .conteudo #home .ultimos-trabalhos p { width: 186px; background: url(../images/layout/moldura.png) no-repeat; display: block; position: absolute; text-align: center; padding-top: 138px; color: #261200; text-shadow: -0.7px 0.7px #fff; font-weight: bold; }
Edição feita por: xizun, 17/06/2010, 12:15.
