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
#2
Édipo Costa Rebouças
-
- Ex-Admins
-
- 1079 posts
Veterano
- Sexo:Masculino
- Localidade:Brasil - São Paulo
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
leo_webaxe
-
- Usuários
-
- 97 posts
Normal
- Sexo:Não informado
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
Édipo Costa Rebouças
-
- Ex-Admins
-
- 1079 posts
Veterano
- Sexo:Masculino
- Localidade:Brasil - São Paulo
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
leo_webaxe
-
- Usuários
-
- 97 posts
Normal
- Sexo:Não informado
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)
