tablas desbordadas

yole · #1 (**permalink**) 24/03/2009, 21:00

Hola amigos.

La situación es la siguiente:
tengo un sitio que se ve bien en IE y Mozilla Firefox pero en Opera las tablas de desbordan.

esta es la dirección del sitio para que vean a que me refiero.

http://www.brs.cl

las tablas estan en pixeles. Recuerden pobrar con el navegador de Opera

agradecere vuestra ayuda para solucionar el problema visual.
de antemano gracias

gVenom · #2 (**permalink**) 25/03/2009, 09:55

Saludos.

Bueno, mas bien es un milagro que se vea bien en los otros navegadores, dado que tu código tiene un poco de "cosas" que estan mal hechas. por ejm:

Código HTML:

 <td colspan="3"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

dentro de tu tabla en un td, estas metiendo otra tabla con todo y su doctype...

Código HTML:

<link href="css/dropdown/dropdown.css" media="all" rel="stylesheet" type="text/css" />
<link href="css/dropdown/themes/default/default.css" media="all" rel="stylesheet" type="text/css" />

estan dentro del body y deben ir al principio entre <head> y </head> no importa que sean para usar en otra tabla dentro de tu tabla.

Código HTML:

</ul>
			<li class="dir"><a href="./">Senior School</a>
				<ul>

tienes elementos <li> fuera de las etiquetas <ul>

y ahi otro poco de "cosillas", tienes que limpiar tu código primero para tratar de que sea compatible con todos los navegadores. Muchos de tus div no estan cerrando correctamente, debido a los problemas ya mencionados, porque si por ejm, cierro un div antes de un <td> que estaba de primero, ya de ahi para abajo va a dar un monton de problemas porque no se cerro bien ese <div>.

Te recomiendo buscarte un validador de código para que veas por donde empezar.

suerte.