olá, eu estou começando com tableless. Estava desenvolvendo um site e tudo funcionou normalmente, hoje estava atualizando o IE e baixei a versão 8, o layout bagunçou algumas coisas.
Gostaria de saber o que pode estar errado.
Segue link para a pagina com problema
http://189.14.112.60/$sitepreview/tib...LESS/index.aspx
erros aparentes:
- bolinhas no menu esquerdo
- abaixo do banner central bagunçou o titulo da chamada principal
entre outros erros.
ps. o erro só acontece no IE 8
Grato, Leo
Problemas Com Ie 8
Started By leo_webaxe, 30/07/2009, 01:29
4 replies to this topic
#1
Posted 30/07/2009, 01:29
#2
Posted 30/07/2009, 08:47
colega, o site não funciona bem no firefox também, que convenhamos, para um site de tecnologia nçao vai pegar bem, as bolinhas são referentes aos li, vc tem que dar um display: block; para sumir elas, se não me engano.... tem as propriedades de lista também list-type list-style....
Esta ruim no ie8 pelos ele é mais adpto a padrão do que os anteriores(ótimo isso), caso você queria que renderize como IE7, usa a tag descrita nesse link: http://blogs.msdn.co...gs-etc-etc.aspx
Esta ruim no ie8 pelos ele é mais adpto a padrão do que os anteriores(ótimo isso), caso você queria que renderize como IE7, usa a tag descrita nesse link: http://blogs.msdn.co...gs-etc-etc.aspx
#3
Posted 30/07/2009, 15:56
Obrigado Édipo pela resposta, mas gostaria que fossem mais claros pois como disse estou começando com TABLELESS e com padrões. Sobre as LI (problemas com as bolinhas no MENU) eu estou usando block e é um exemplo adaptado do site MAJOUR.
segue CSS do MENU:
Sobre a TAG que me mandou Édipo serve para simular, correto? na verdade eu quero resolver o problema com os padrões e não simular o IE7.
Obrigado a todos
segue CSS do MENU:
#menubv { width: 17em; padding: 0; margin: 0; font: 11px Geneva,Verdana, sans-serif; } #menubv ul { list-style: none; margin: 0; padding: 0; } #menubv li { border-bottom: 1px solid #FFFFFF; margin: 0; } #menubv li a { display: block; padding: 5px 5px 5px 0.5em; font-weight:bold; border-left: 13px solid #3947B4; border-right: 10px solid #F0F0F0; background-color: #F0F0F0; color: #333333; text-decoration: none; } #menubv li a:hover { border-left: 13px solid #CCCCCC; border-right: 10px solid #F0F0F0; background-color: #F0F0F0; color: #666666; } /* Fix IE. Hide from IE Mac \*/ * html ul#menubv li { float: left; height: 1%; } * html ul#menubv li a { height: 1%; } /* End */
Sobre a TAG que me mandou Édipo serve para simular, correto? na verdade eu quero resolver o problema com os padrões e não simular o IE7.
Esta ruim no ie8 pelos ele é mais adpto a padrão do que os anteriores(ótimo isso), caso você queria que renderize como IE7, usa a tag descrita nesse link: http://blogs.msdn.co...gs-etc-etc.aspx
Obrigado a todos
#4
Posted 30/07/2009, 17:05
você tem que colocar block no li também, no css esta com block só no a
Edição feita por: Édipo Costa Rebouças, 30/07/2009, 17:06.
#5
Posted 30/07/2009, 17:39
Realmente, a questão das bolinhas foram resolvidas...
E o restante alguem pode me ajudar? vou postar o css completo pode ser que ajude.
estilo.css:
E o restante alguem pode me ajudar? vou postar o css completo pode ser que ajude.
estilo.css:
*{padding:0;margin:0;} body{background:#F2F2F2;text-align:center;} #wrap{background:#FFF;width:1000px; height:1280px; text-align:left;margin:0 auto;} #topo{height:233px; width:797px; background:#abeafe; float:left;} #menu{height:800px; width:203px; background:; float:right; text-align:center;} #thumbs{width:193px; background:; float:left;} #conteudo{width:604px; background:#FFF;float:left;} #destaque{width:580px; margin:5px auto;} #destaque-esquerda{width:240px;height:195px;float:left; padding-top: 10px;} #destaque-direita{width:340px;height:195px;float:right;} #banner{width:580px;height:95px;margin:10px auto; text-align:center;} #destaque2{width:580px;margin:15px auto;} #destaque-esquerda2{width:193px;float:left;} #destaque-centro2{width:193px; float:left;} #destaque-direita2{width:193px;float:right;} #destaque3{width:580px;height:195px;background:url(img/fundo_rss.jpg); margin:15px auto;} #destaque-esquerda3{width:150px;height:195px;float:left;} #destaque-centro3{width:220px;height:195px; float:left;} #destaque-direita3{width:190px;height:195px;float:right;} #destaque4{width:580px;height:255px;background:#FEFEFE;margin:15px auto; text-align:center;} #little-col-left{width:490px;height:400px;background:orange;margin:0 auto;} #col-left{background:cyan;width:240px;height:400px;float:left;} #col-right{background:white;width:240px;height:400px;float:right;} #col-middle{background:black;color:white;width:200px;float:left;height:600px;} #sidebar{background:gray;color:black;width:195px;float:right;height:600px;} #sidebar h1{color:cyan;font:13px arial, verdana, tahoma;} #rodape{background:#DBDBDB;clear:both;height:100px;} #divclear{clear:both;} /* CSS Links e Textos */ .TituloNoticiaLista:link {color:#333333;text-decoration:none;font-size:11px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;font-weight: bold;} .TituloNoticiaLista:visited {color:#333333;text-decoration:none;font-size:11px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;font-weight: bold;} .TituloNoticiaLista:hover {color:#333333; text-decoration:underline;font-size:11px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;font-weight: bold;} .TituloNoticiaDestaque:link {color:#333333;text-decoration:none;font-size:14px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;} .TituloNoticiaDestaque:visited {color:#333333;text-decoration:none;font-size:14px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;} .TituloNoticiaDestaque:hover {color:#333333; text-decoration:underline;font-size:14px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;} .ChamadaNoticiaDestaque:link {color:#666666;text-decoration:none;font-size:11px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;} .ChamadaNoticiaDestaque:visited {color:#666666;text-decoration:none;font-size:11px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;} .ChamadaNoticiaDestaque:hover {color:#666666; text-decoration:underline;font-size:11px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;} .ChamadaNoticia:link {color:#333333;text-decoration:none;font-size:10.5px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;} .ChamadaNoticia:visited {color:#333333;text-decoration:none;font-size:10.5px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;} .ChamadaNoticia:hover {color:#333333; text-decoration:underline;font-size:10.5px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;} .Retranca:link {color:#000099;text-decoration:none;font-size:10px;font-weight:normal;font-family:Arial, Helvetica, sans-serif; font-weight: bold;} .Retranca:visited {color:#000099;text-decoration:none;font-size:10px;font-weight:normal;font-family:Arial, Helvetica, sans-serif; font-weight: bold;} .Retranca:hover {color:#000099;text-decoration:none;font-size:10px;font-weight:normal;font-family:Arial, Helvetica, sans-serif; font-weight: bold;} .icone:link {color:#666666;text-decoration:none;font-size:7px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;} /* MENU */ #menubv { width: 17em; padding: 0; margin: 0; font: 11px Geneva,Verdana, sans-serif; } #menubv ul { list-style: none; margin: 0; padding: 0; } #menubv li { display: block; border-bottom: 1px solid #FFFFFF; margin: 0; } #menubv li a { display: block; padding: 5px 5px 5px 0.5em; font-weight:bold; border-left: 13px solid #3947B4; border-right: 10px solid #F0F0F0; background-color: #F0F0F0; color: #333333; text-decoration: none; } #menubv li a:hover { border-left: 13px solid #CCCCCC; border-right: 10px solid #F0F0F0; background-color: #F0F0F0; color: #666666; } /* Fix IE. Hide from IE Mac \*/ * html ul#menubv li { float: left; height: 1%; } * html ul#menubv li a { height: 1%; } /* End */ /* MENU BASE \*/ #menubase { width: 17em; padding: 0; margin: 0; font: 11px Geneva,Verdana, sans-serif; } #menubase ul { list-style: none; margin: 0; padding: 0; } #menubase li { border-bottom: 1px solid #FFFFFF; margin: 0; } #menubase li a { display: block; padding: 5px 5px 5px 0.5em; font-weight:bold; border-left: 13px solid #3947B4; border-right: 10px solid #F0F0F0; background-color: #F0F0F0; color: #333333; text-decoration: none; } #menubase li a:hover { border-left: 13px solid #CCCCCC; border-right: 10px solid #F0F0F0; background-color: #F0F0F0; color: #666666; } /* Fix IE. Hide from IE Mac \*/ * html ul#menubase li { float: left; height: 1%; } * html ul#menubase li a { height: 1%; } /* End */ .Texto4 {color:#333333;text-decoration:none;font-size:11px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;} .Texto5 {color:#333333;text-decoration:none;font-size:17px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;} /* FORM */ .texto {font: 13px Verdana; text-decoration: none; color: #333333; margin-left: 10px;} .form_campos {background-color: #FFFFFF; font: 12px Verdana; border-style: groove; margin-left: 10px;} .form_botao {background-color: #CCCCCC; font: 12px Verdana; border-style: outset; margin-left: 116px;} .textocomum {font: 11px Geneva, Verdana; text-decoration: none; color: #333333; margin-left: 5px;}
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)