Ayuda para arreglar la visualización de tabla en Firefox

  • Autor Autor dany_danay
  • Fecha de inicio Fecha de inicio
dany_danay

dany_danay

Dseda
Hola, necesito ayuda con mi blog de ganalasapuestas.com La tabla esa roja (no será roja, es para que destaque), en firefox se ve a la derecha arriba del todo, de forma horrible, y en Chrome y IE se vé donde quiero, debajo del logo, encima de los post...
Alguien sabe cómo arreglarlo?

Este es el codgo de la tabla:
Insertar CODE, HTML o PHP: 
<table border="1" class="bonos">


			<tr><td><center>
	<a href="http://adserver.itsfogo.com/click.aspx?zoneid=139899"><img src="http://www.euroslam.com/images/clients/logos/mini/bwin_logo.gif"/></a></center>
		</td>

				<td>i</td>

				<td>j</td>

				<td>o</td>

				<td>p</td>

				<td>ultma</td>

				<td>sffs</td>

				<td>xcz</td>

				<td>a</td>

				<td>a</td>

			</tr>

			<tr>

				<td><center>25€ + 30$</center></td>

				<td>e</td>

				<td>o</td>

				<td>o</td>

				<td>c</td>

				<td>i</td>

				<td>o</td>

				<td>s</td>

				<td>o</td>

				<td>o</td>

			</tr>

		</table>
Y este el css:
.bonos {
text-align:center;
background-color:#FF0505;
border:4px
}
 
Lo mismo que te dicen arriba, meterte con tablas es siempre una molestia innecesaria, puedes mantener el "look" como una tabla pero que internamente sean solo divs y demás con borders.

Saludos.
 
Podriais decirme como hacerlo? Seria una "tabla de dos filas y 5-7 columnas, aunque con la base me vale para saber creo
 
Aquí te dejo un ejemplo rápido de como se puede hacer.

HTML: 
<style>
.tborder{
	border: 1px solid #CCCCCC;
	width: 265px;
}

.thead{
	color: #CC0000;
}

.fila{
	display: inline-block;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
}
</style>

<div class="tborder">

 <div class="thead">
  <div class="fila" style="width:80px"><a href="http://adserver.itsfogo.com/click.aspx?zoneid=139899"><img src="http://www.euroslam.com/images/clients/logos/mini/bwin_logo.gif"/></a></div>
  <div class="fila" style="width:10px">i</a></div>
  <div class="fila" style="width:10px">j</a></div>
  <div class="fila" style="width:10px">o</a></div>
  <div class="fila" style="width:10px">p</a></div>
  <div class="fila" style="width:40px">ultma</a></div>
  <div class="fila" style="width:20px">sffs</a></div>
  <div class="fila" style="width:20px">xcz</a></div>
  <div class="fila" style="width:10px">a</a></div>
  <div class="fila" style="width:10px">a</a></div>
 </div>
 
 <div class="alt1">
  <div class="fila" style="width:80px">20$ + 30$</a></div>
  <div class="fila" style="width:10px">e</a></div>
  <div class="fila" style="width:10px">o</a></div>
  <div class="fila" style="width:10px">o</a></div>
  <div class="fila" style="width:10px">c</a></div>
  <div class="fila" style="width:40px">i</a></div>
  <div class="fila" style="width:20px">o</a></div>
  <div class="fila" style="width:20px">s</a></div>
  <div class="fila" style="width:10px">o</a></div>
  <div class="fila" style="width:10px">o</a></div>
 </div>

</div>

Espero que te aclare un poco. 😉

PD. La clase alt1, puedes usarla para diferencias filas, creas otra clase alt2 y las alternas en php.
 
Última edición:
Gracias !!! Quedo muy muy agradecido, voy a probar!

Que pena, no sale en forma de tabla..
 
Última edición:
Hay que estar conectado o registrado para responder aquí.

Temas similares

deniz946
Cómo arreglar la visualización de feed HTML en RSS Graffiti
Respuestas
1
Visitas
566
AlvaroESC
A
L
Cómo arreglar la visualización de subforos al aplicar skin
Respuestas
3
Visitas
737
Tharos
T
Atrás
Arriba