Pessoal
Possuo uma página com o seguinte código:
[codebox]<html>
<link rel="stylesheet" type="text/css" href="css/brfc.css"></link>
<body>
<div class="left">
<table width="800" border="0" cellspacing="0" cellpadding="0" ="left">
<tr>
<td><img src="file:///C|/Documents and Settings/cintia/Desktop/topo_br.jpg" alt="" width="800" height="55" hspace="0" vspace="0"
border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="729,6,768,49" href="#" alt="">
</map>
</td>
</tr>
<tr>
<td class="idUsuario">
Usuário: <c:out value="${usuario.cdFuncionario}" />
- <c:out value="${usuario.nmUsuario}" />
<c:set var="cdAgencia" value="${usuario.cdAgenciaBRDE}"/>
(<c:out value="${mapAgenciasBrde[cdAgencia].siglaAgencia}"/>)
</td>
</tr>
<tr>
<td width="685"> </td>
</tr>
</table>
</div>
</body>
</html>[/codebox]
A tabela possui 800 de largura, assim como a imagem que seria o logo, mas mesmo assim,
fica estorando no IE, ou seja com uma resolução 800X600, dá barra de rolagem na horizontal,
enquanto que no Firefox fica Ok.
Alguém pode me ajudar?
Problemas Com Barra Horizontal No Ie
Started By cintia, 08/12/2008, 16:15
7 replies to this topic
#2
Édipo Costa Rebouças
-
- Ex-Admins
-
- 1079 posts
Veterano
- Sexo:Masculino
- Localidade:Brasil - São Paulo
Posted 08/12/2008, 18:06
isso pode estar acontecendo, por causa de algo que esta dentro da tabela, faça assim.
<table style="overflow: hidden;">
se nada sumir de dentro da sua tabela, é que era algum bug mesmo...
á ,
e invez de usar
<table style="overflow: hidden;">
se nada sumir de dentro da sua tabela, é que era algum bug mesmo...
á ,
cellpadding="0" ="left">o que é isso?
e invez de usar
<link rel="stylesheet" type="text/css" href="css/brfc.css"></link>usa assim
<link rel="stylesheet" type="text/css" href="css/brfc.css" />isso vale para img, br, link, e qualquer outra tag que por padrão, fica aberta no html.
#3
Augusto Saggese
-
- Usuários
-
- 218 posts
12 Horas
- Sexo:Masculino
- Localidade:Rio de Janeiro
- Interesses:(X)HTML, CSS, PHP, MySQL, ASP, JAVASCRIPT entre outros!
Posted 09/12/2008, 09:15
um media="screen" é bom tb! 
[]s
[]s
www.augustosaggese.com - "Na batalha da vida, só existem homens fortes, e um homem forte, sempre determina o seu destino".
#4
cintia
-
- Usuários
-
- 8 posts
Novato no fórum
- Sexo:Não informado
Posted 09/12/2008, 12:03
Pessoal, mesmo assim não funciona, ele não tira a barra horizontal:
Eu testei com o código abaixo, e sempre tem a barra no IE, no Firefox funciona:[codebox]<html>
<style type="text/css" media="screen">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<body>
<table width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#006600" style="overflow: hidden;">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>[/codebox]
Por favor alguém tem mais alguma idéia?
Eu testei com o código abaixo, e sempre tem a barra no IE, no Firefox funciona:[codebox]<html>
<style type="text/css" media="screen">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<body>
<table width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#006600" style="overflow: hidden;">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>[/codebox]
Por favor alguém tem mais alguma idéia?
#5
Augusto Saggese
-
- Usuários
-
- 218 posts
12 Horas
- Sexo:Masculino
- Localidade:Rio de Janeiro
- Interesses:(X)HTML, CSS, PHP, MySQL, ASP, JAVASCRIPT entre outros!
Posted 09/12/2008, 22:33
eita, voce saca de css?
no CSS:
Simples, se não intender eu faço com o cod todo!
fico no aguardo!
no CSS:
*{margin:0;padding:0;}
body {
background-color: #fff;
text-align:center; /*hack IE */
}
#tudo {
width: 800px;
height: 600px;
margin-left: auto;
margin-right: auto;
}
#topo {
width: 800px;
height: 200px;.
margin-left: auto;
margin-right: auto;
}HTML <div id="tudo"> <div id="topo"></div> </div>
Simples, se não intender eu faço com o cod todo!
fico no aguardo!
Edição feita por: Alex Hiroshi, 10/12/2008, 07:06.
Utilize a tag [code] para códigos
www.augustosaggese.com - "Na batalha da vida, só existem homens fortes, e um homem forte, sempre determina o seu destino".
#6
Édipo Costa Rebouças
-
- Ex-Admins
-
- 1079 posts
Veterano
- Sexo:Masculino
- Localidade:Brasil - São Paulo
Posted 11/12/2008, 06:58
a cintia, você tem que fazer a tabela um pouco menor do que 800px, por exemplo eu uso como padrão monitores de 1024px de largura, mas a largura dos sites que faço é de 998px. tem o scroll do browser, por isso deve estar dando isso. no ie a barra de rolagem vertical é uma constante, já comendo alguns pixels de largura do browser, firefox não, acontece só se necessário.
Edição feita por: Édipo Costa Rebouças, 11/12/2008, 07:38.
#7
cintia
-
- Usuários
-
- 8 posts
Novato no fórum
- Sexo:Não informado
Posted 11/12/2008, 11:48
Oi Pessoal
Valeu a ajuda, mas eu acabei diminuindo o tamanho da tabela mesmo, qeu porcaria esse IE...
Valeu a ajuda, mas eu acabei diminuindo o tamanho da tabela mesmo, qeu porcaria esse IE...
#8
Édipo Costa Rebouças
-
- Ex-Admins
-
- 1079 posts
Veterano
- Sexo:Masculino
- Localidade:Brasil - São Paulo
Posted 11/12/2008, 11:51
mesmo assim cintia, se você diminuir a altura da janela no firefox, vai acontecer a mesma coisa... tem que fazer menor mesmo.
Edição feita por: Édipo Costa Rebouças, 11/12/2008, 11:51.
3 user(s) are reading this topic
0 membro(s), 3 visitante(s) e 0 membros anônimo(s)
