Repite última letra con IE, no con Firefox

Seppo · #1 (**permalink**) 18/12/2005, 08:26

Buenas
Recién empiezo a incursionar en el mundo de los CSS y estoy tratando de crear una paginación básica de PHP. Con eos no hay problema, sino que cuando me aparecen las opciones

Primer página
Anterior página
Próxima página
Última página

con IE6 me aparece abajo una "a" con el link igual que el de Próxima página. Esto sólo ocurre cuando existen páginas anteriores y posteriores, pero no si están ambas.

Dejo el código fuente

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>MARCAR</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo/estilos.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="menu">
 <ul>
<li><a href="stock.php">Ver stock</a></li>
<li><a href="ingreso.php">Ver ingresos</a></li>
<li><a href="egreso.php">Ver egresos</a></li>
<li><a href="usuario.php">Usuarios</a></li>
<li><a href="productos.php">Productos</a></li>
<li><a href="cliente.php">Clientes</a></li>
<li><a href="ningreso.php">Nuevo ingreso</a></li>
<li><a href="negreso.php">Nuevo egreso</a></li>
<li><a href="index.php?accion=logout">Salir</a></li>
</ul>
</div>
<div id="main">
	<table cellpadding="0" cellspacing="0">
	  <tr style="background-color:#999999 ">
		<td>Nombre de usuario</td>
		<td>Nombre</td>
		<td>Acceso</td>
	  </tr>
		  <tr onMouseOver="this.style.backgroundColor='#DDDDDD'" onMouseOut="this.style.backgroundColor='#EEEEEE'" style="cursor:pointer " onClick="location.href='usuario.php?usuario=2'">
		<td>SeppoU</td>
		<td>SW</td>
		<td>Usuario</td>
	  </tr>
		</table>
		<span style="float:left; width:25% "><a href="usuario.php">Primer p&aacute;gina</a></span>
	<span style="float:left; width:25% "><a href="usuario.php?pag=0">Anterior p&aacute;gina</a></span>
			<span style="float:right; width:25% "><a href="usuario.php?pag=2">&Uacute;ltima p&aacute;gina</a></span>
	<span style="float:right; width:25% "><a href="usuario.php?pag=2">Pr&oacute;xima p&aacute;gina</a></span>
	</div>
</body>
</html>

y el código CSS

Código:

body {
	background-color:#FFFFFF;
	padding-top:24px;
	padding-left:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
}

#menu {
	background-color:#CCCCCC;
	float:left;
	color:#333333;
	border-color:#000000;
	border-width:thin;
	border-style:outset;
	width:120px;
	height:360px;
	padding: 6px 6px 6px 6px;
}

#menu li {
	display:block;
	width:100px;
	padding:4px 0;
	border: 0px solid #000000;
	line-height: 20px;
	margin: 2px 2px 2px 2px;
	list-style-type: none;
	list-style-position:outside;
	margin-left: -30px;
}

#menu li a {
	text-decoration:none;
	background-color: #000000;
	color:#FFFFFF;
	width:100%;
	height:100%;
	display:block;
	padding:4px 0;
	text-align:center;
	font-size:11px;
}

#menu li a:hover {
	color:#99CC00;
	background-color:#003366;
}

#main {
	background-color:#CCCCCC;
	color:#222222;
	border-color:#000000;
	border-width:thin;
	border-style:outset;
	width:480px;
	height:360px;
	padding: 6px 6px 6px 6px;
	overflow:auto;
}

table {
	table-layout:fixed;
	border: thin solid #000000;
	width:100%;
	background-color:#EEEEEE;
}

td {
	border: thin none #666666;
	padding: 2px 2px 2px 2px;
}

a {
	text-decoration:none;
	color:#003366;
}

input.textForm {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	border-style:none;
	background-color:#DDDDDD;
	width:114px;
}

input.buttonForm {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	border-color:#CCCCCC;
}

Muchas gracias =)

Seppo · #2 (**permalink**) 19/12/2005, 08:28

Bueno, lo solucioné pero con una alternativa distinta...
En vez de usar float usé
position:absolute; padding-left:0%
position:absolute; padding-left:25%
position:absolute; padding-left:50%
position:absolute; padding-left:75%

para cada opción...

kemie · #3 (**permalink**) 19/12/2005, 13:17

solo por si se te presenta de nuevo aqui esta le explocacopn del bug
http://positioniseverything.net/expl...haracters.html

gasolillo · #4 (**permalink**) 25/09/2009, 01:32

En muchas ocasiones basta con meter un espacio en blanco detrás del último caracter.