.:: Double C ::.

Boa Tarde Galera, Preciso muito da ajuda de vcs. Nao sou grande conhecedor de CSS estou aprendendo agora, o que eu sei é o basico, mas quero aprender mais. Desenvolvi um site em cima de um template que baixei da web. O que acontece? No IE7 ele funciona corretamente, só que qdo abro o siet no IE8 e no FF ele desconfigura algumas coisas. O mais engraçado é que no template orignal ele abre normalmente e eu nao mudei nada que fizesse diferença na configuração. Estou trabalhando com select_case e include file, nao sei se é isso que esta dando problema. A desconfiguraçao é principalmente no MENU Vou postar o codigo do css e da defaut para ver se podem me ajudar. O site ja esta publicado a URL é [http://www.doublec.com.br](http://www.doublec.com.br) Por favor me ajudem... estou ficando desesperado... CSS CODE /* Design by CSS Templates For Free [http://www.csstemplatesforfree.com](http://www.csstemplatesforfree.com) Released for free under a Creative Commons Attribution 2.5 License */ * { ``` margin: 0; padding: 0; } ``` body, { ``` background: #FFFFFF url(images/img01_new.png) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; } ``` h1, h2 { ``` font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; } ``` h1 { ``` font-size: 197%; } ``` h2 { ``` font-size: 167%; } ``` h3 { ``` margin-bottom: 1em; text-transform: uppercase; font-size: 100%; color: #000000; } ``` p, ul, ol { ``` margin-bottom: 1.5em; line-height: 1.6em; } ``` p { } ol { } ul { ``` list-style:none; } ``` ul li { ``` padding-left: 10px; background: url(images/img16.gif) no-repeat 0px 10px; text-transform: uppercase; font-size:11px; } ``` a:link { ``` color: #3490F8; } ``` a:hover, a:active { ``` text-decoration: none; color: #F89934; } ``` a:visited { ``` color: #3490F8; } ``` img { ``` border: none; } ``` img.left { ``` float: left; margin: 0 20px 10px 0; } ``` img.right { ``` float: right; margin: 0 0 5px 10px; } .byline { color: #CCCCCC; } .col-one { float: left; } .col-two { float: right; } .two-cols { } ``` .two-cols .col-one, .two-cols .col-two { ``` width: 250px; } ``` /* Style */ ``` #titulo{ font-size: 16px; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #484848; text-transform:uppercase; } #titulo2{ font-size: 12px; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #484848; } ``` /* DIV */ ``` #div_celula{ float:none; margin:5px; } ``` /* Boxes */ ``` .box-orange { background: url(images/img09.gif) repeat-x; } ``` .box-orange .section { ``` background: url(images/img11.gif) no-repeat right top; font-size: 100%; color: #FFFFFF; } ``` .box-orange .section b { ``` display: block; height: 23px; padding: 7px 0 0 10px; background: url(images/img10.gif) no-repeat; } ``` .box-orange .content { ``` padding: 20px; } .box-blue { background: url(images/img13.gif) repeat-x; } ``` .box-blue .section { ``` background: url(images/img15.gif) no-repeat right top; font-size: 100%; color: #FFFFFF; } ``` .box-blue .section b { ``` display: block; height: 23px; padding: 7px 0 0 10px; background: url(images/img14.gif) no-repeat; } ``` .box-blue .content { ``` padding: 20px; } .box-pink { background: url(images/img17.gif) repeat-x; } ``` .box-pink .section { ``` background: url(images/img19.gif) no-repeat right top; font-size: 100%; color: #FFFFFF; } ``` .box-pink .section b { ``` display: block; height: 23px; padding: 7px 0 0 10px; background: url(images/img18.gif) no-repeat; } ``` .box-pink .content { ``` padding: 20px; } ``` /* Header */ ``` #header { width: 960px; height: 92px; margin: 0 auto; } ``` /* Logo */ ``` #logo { float: left; } ``` #logo h1, #logo h2 { ``` float: left; } ``` #logo h1 { ``` padding-top: 15px; text-transform:none; font-size: 60px; font-weight:bold; } ``` #logo h2 { ``` padding: 63px 0 0 3px; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } ``` #logo a { ``` text-decoration: none; color: #000000; } ``` /* Menu */ ``` #menu { width: 980px; height: 25px; margin: 0 auto; } ``` #menu ul { ``` margin: 0; list-style: none; line-height: normal; } ``` #menu li { ``` display: block; float: left; margin-right: 5px; padding: 0; background: #FFFFFF; } ``` #menu a { ``` display: block; float: left; background: url(images/img07_new.gif) no-repeat; text-decoration: none; color: #666666; } ``` #menu a:hover { ``` color: #1777B1; } ``` #menu b { ``` display: block; float: left; height: 25px; padding: 5px 21px 0 20px; background: url(images/img08_new.gif) no-repeat right top; cursor: hand; } ``` #menu li.active { ``` background: #CFCECE url(images/img04.gif) repeat-x; } ``` #menu li.active a { ``` background: url(images/img06_new.gif) no-repeat right top; color: #666666; } ``` #menu li.active b { ``` background: url(images/img05_new.gif) no-repeat; } ``` /* Page */ ``` #page { width: 960px; margin: 0 auto; padding: 15px 0 0 0; } ``` /* Content */ ``` #content { float: left; width: 520px; } ``` /* Feature */ ``` #feature { margin-bottom: 20px; } ``` /* Sidebar */ ``` #sidebar { float: right; width: 420px; } ``` #sidebar .col-one { ``` width: 200px; } ``` #sidebar .col-two { ``` width: 200px; } ``` /* Sidebar Page*/ ``` #sidebar2 { float: right; width: 960px; } ``` #sidebar2 .col-one { ``` width: 740px; } ``` #sidebar2 .col-two { ``` width: 200px; } ``` /* Footer */ ``` #footer { height: 20px; padding: 10px; background: #DDDDDD; border-top: 1px solid #999999; } ``` #footer p { ``` margin: 0; text-align: center; font-size: 85%; } ``` defaut.asp - CODE ](http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd) ``` ](http://www.w3.org/1999/xhtml) .:: Double C ::. ``` menu.asp ](http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd) ``` ](http://www.w3.org/1999/xhtml)

``` Abraço a todos e desde ja agradeco. Fico no aguardo. José Fernando

DoubleC

By Clovis Casemiro

JFMastrangelo

CSS no ie8 e no Firefox nao funciona corretamente