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
}
 
No uses tablas. usa divs
 
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