margin:0; padding:0; doesnt work [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : margin:0; padding:0; doesnt work

viniciusm

06-29-2004, 08:25 PM

Hi everybody,

I did a page using Internet Explorer 6 when testing it. It was working perfectly. But than I tryed to open the page using IE5 and I had a bad surprise: a specific part was deformated.

The part has a text field:
-----------------------------------------------
<body leftmargin="0" topmargin="0" bottommargin="0" rightmargin="0">
<table border="0" cellpadding="0" cellspacing="0" width="779">
[...]
<td width="123" height="18" colspan="4">
<form onSubmit="search();" style="margin:0; padding:0;">
<input type="text" name="txSearch" class="txPesquisa" >
</form>
</td>
[...]
------------------------------------------------

If I delete the text field, everything return to the right place. But I need it. So I tryed to use CSS "margin:0;padding:0;" in everywhere: in the table tag, in the body tag, in the form tag and even in the input tag. Nothing worked.

I dont know what to do. (Using Internet Explorer 6 everything works perfectly).

Anybody can help??
(thanks very much)

MaGiCSuN

06-29-2004, 08:46 PM

what coding do you have in the class txPesquisa ?

if you can show us the page you are having troubles with then we can take a look to see the full coding :)

Love,
Mirna

viniciusm

06-29-2004, 09:42 PM

ok, i'll show the code. But it is so confused. It is my first page and i'm using jsp.

page:
------------------------------------------------------------
<%@ page language="java" import= "enquete.*"%>
<%
EnqueteDAO eDAO = new EnqueteDAO();
Enquete mEnquete = new Enquete();
OpcaoEnqueteDAO oDAO = new OpcaoEnqueteDAO();

int num_max_enquete = eDAO.SelectMAX();
Enquete enqueteAtiva = eDAO.selectEnqueteAtiva();
int num_enq_ativa = enqueteAtiva.getCodigo();

int cod = -1, ativar = -1;
String status = "";
String strcod = request.getParameter("cod");
if(strcod!=null)
cod = Integer.parseInt(strcod);
String strAtivar = request.getParameter("Ativar");
if(strAtivar!=null)
ativar = Integer.parseInt(strAtivar);
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Gerenciamento Enquetes</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilos.css" rel="stylesheet" type="text/css">
</head>


<body onLoad="SwitchMenu('enquete'); document.all.txtNovaEnquete.focus();" topmargin="0" leftmargin="0">

<table border="0" class="topo" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="20%" align="center"><img border="0" src="artparts/cdl.gif" height="44" ></td>
<td width="80%"><div align="center">Gerencia Enquete</div></td>
</tr>
</table>

<table width="100%" height="85%" border="0" style="border-collapse: collapse" cellpadding="0" cellspacing="0">
<tr> <td width="200" align="center" valign="top">

<BR>
<%@include file="Menu.jsp"%>
</td>
<td width="100%" height="100%" align="left" valign="top"> <div align="center">
<BR>
<form name="frmCadastroEnquete" method="post" action="ServletEnqueteAdministrador?=<%=cod%>&tipo=inserir">
<div class="divlistagem">
<table border="1">
<tr><td width="450" class="labelMaior"> Nova Enquete:
<input type="text" name="txtNovaEnquete" style="width:300;">
<input type="submit" name="btInserirEnquete" value="OK" class="botao">
</td></tr>
<%for(int i=1; i <= num_max_enquete; i++){
String str = eDAO.SelectDescricao(i);
if ( !str.equals(" ") ){
String linkDel = "ServletEnqueteAdministrador?cod=";
String linkVer = "GerenciaEnquete.jsp";
String linkOpc = "GerenciaOpcao.jsp?cod=";
String linkResult = "Resultados.jsp?cod=";
String cor;
if ( i == num_enq_ativa )
cor = "#D5D5D5";
else
cor = "#f2f2f2";
%>
<tr bgcolor="<%=cor%>">
<%int cod_enquete = eDAO.ProcuraCodigo(str);%>
<a name="<%=i%>"> <td width="400" class="label2"><a class="linkSubmenu" href="<%=linkOpc+cod_enquete%>"><%=str%></a></td> </a>
<td width="17"> <a href="<%=linkDel+cod_enquete+"&tipo=Deletar"%>" onClick="return confirm('Tem certeza que deseja deletar <%=str%>?');"> <img src="artparts/x.gif" border=0 alt="Deletar"></a> </td>
<td>
<% if ( i == num_enq_ativa )
{ status = "desativar";%>
<a href="<%=linkDel+cod_enquete+"&tipo="+status%>" >
<img src="artparts/vVerde.gif" border=0 alt="Desativar">
</a>
<%}else{ status = "ativar";%>
<a href="<%=linkDel+cod_enquete+"&tipo="+status%>">
<img src="artparts/vVermelho.gif" border=0 alt="Ativar">
</a>
<%}%>
</td>
<td width ="20" align="center" valign="middle">
<a href="<%=linkResult+cod_enquete%>">
<img src="artparts/r.gif" border=0 alt="Resultado">
</a>
</td>
</tr>

<%}%>
<%}%>
</table>
</div>
</form>

</div>
</td>
</tr>
</table>
</body>
</html>

viniciusm

06-29-2004, 09:43 PM

css:
------------------------------------------------------------
.titulo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #000000;
}
.label {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

.label2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
}

.scrollAzul{
scrollbar-face-color : #EFEEF9;
scrollbar-highlight-color : #FFFFFF;
scrollbar-3dlight-color : #4A2170;
scrollbar-shadow-color : #828282;
scrollbar-darkshadow-color : #4F4F4F;
scrollbar-track-color : #DAD9EC;
scrollbar-arrow-color : #4A2170;
}

.scrollAmarelo{
scrollbar-face-color : #FEFCD3;
scrollbar-highlight-color : #FFFFFF;
scrollbar-3dlight-color : #5B5702;
scrollbar-shadow-color : #828282;
scrollbar-darkshadow-color : #4F4F4F;
scrollbar-track-color : #FDFBD7;
scrollbar-arrow-color : #5B5702;
}

.botao2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #243082;
color: #F2F2F2;
line-height: normal;
border-top: 1px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
border-left: 1px solid #000000;
}

.resumoPequeno{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

.botao {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #DDDDDD;
line-height: normal;
border-top: 1px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
border-left: 1px solid #000000;
cursor: hand;
}

.erro {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FF0000;
}
.menutitle{
cursor:pointer;
margin-bottom: 1px;
background-color:#dddddd;
color:#000000;
width:190px;
padding:3px;
text-align:left;
font-size: 11px;
border:1px solid #000000;
}
.submenu{
margin-bottom: 1.0em;
}
.divlistagem {
overflow: auto;
visibility: visible;
z-index: auto;
page-break-after: auto;
border: thin none #C0C0C0;
height: 100%;
width: 100%;
}

.divlistagemScrollHide {
visibility: visible;
z-index: auto;
page-break-after: auto;
border: thin none #C0C0C0;
height: 100%;
width: 100%;
overflow-x:hidden;
overflow-y:hidden;
}

.back{
background-image: url(images/mozaico de fundo.jpg);
background-repeat: no-repeat;
}

.guardaFigura{
overflow: auto;
visibility: visible;
z-index: auto;
page-break-after: auto;
border: thin none #C0C0C0;
height: 300;
width: 300;
}

.linkPreto A:link
{ color:#000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.linkPreto A:visited
{ color:#000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.linkPreto A:active
{ color:#000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.linkPreto A:hover
{ color:#000099; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

.linkHome A:link
{ color:#000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}
.linkHome A:visited
{ color:#000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}
.linkHome A:active
{ color:#000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}
.linkHome A:hover
{ color:#000099; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}

.linkMenuMapa A:link
{ color:#000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold;}
.linkMenuMapa A:visited
{ color:#000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold;}
.linkMenuMapa A:active
{ color:#000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold;}
.linkMenuMapa A:hover
{ color:#990000; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold;}

.linkSubmenuMapa A:link
{ color:#000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500;}
.linkSubmenuMapa A:visited
{ color:#000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500;}
.linkSubmenuMapa A:active
{ color:#000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500;}
.linkSubmenuMapa A:hover
{ color:#990000; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500;}

.linkItemMapa A:link
{ color:#000099; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}
.linkItemMapa A:visited
{ color:#000099; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}
.linkItemMapa A:active
{ color:#000099; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}
.linkItemMapa A:hover
{ color:#990000; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}

.resultadoPesquisa A:link
{ color:#000099; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.resultadoPesquisa A:visited
{ color:#000099; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.resultadoPesquisa A:active
{ color:#000099; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.resultadoPesquisa A:hover
{ color:#990000; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

.resultadoPesquisa{
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}

.topo {
BACKGROUND: #000066
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #f2f2f2;
}

.hand {cursor: hand;}

.txPesquisa {
border: 0 none;
width: 70 px;
height: 12px;
font-size: 10px;
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
word-spacing: 0mm;
}
------------------------------------------------------------

viniciusm

06-29-2004, 10:04 PM

sorry... i post the wrong page
disconsider the post #3

pb&j

06-29-2004, 10:14 PM

there are always going to be some differences between IE5 and 6.

most people in the world should be already upgraded to 6 by now for various reasons.

unless you think many visitors of your site are actually going to be using 5, i would suggest to stick with 6 and go from there.