Foros del Web » Creando para Internet » CSS »

Repite última letra con IE, no con Firefox

Estas en el tema de Repite última letra con IE, no con Firefox en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/12/2005, 08:26
Avatar de Seppo  
Fecha de Ingreso: marzo-2005
Ubicación: Buenos Aires, Argentina
Mensajes: 1.284
Antigüedad: 12 años, 8 meses
Puntos: 17
Repite última letra con IE, no con Firefox

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 =)
  #2 (permalink)  
Antiguo 19/12/2005, 08:28
Avatar de Seppo  
Fecha de Ingreso: marzo-2005
Ubicación: Buenos Aires, Argentina
Mensajes: 1.284
Antigüedad: 12 años, 8 meses
Puntos: 17
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...
  #3 (permalink)  
Antiguo 19/12/2005, 13:17
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 14 años, 5 meses
Puntos: 1
solo por si se te presenta de nuevo aqui esta le explocacopn del bug
http://positioniseverything.net/expl...haracters.html
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
  #4 (permalink)  
Antiguo 25/09/2009, 02:32
 
Fecha de Ingreso: septiembre-2009
Mensajes: 1
Antigüedad: 8 años, 2 meses
Puntos: 0
Sonrisa Respuesta: Repite última letra con IE, no con Firefox

En muchas ocasiones basta con meter un espacio en blanco detrás del último caracter.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:52.