Foros > HTML, XHTML y CSS: Tablas e imagenes
-
Mensajes [1] - Enviado el Jueves 10 de Mayo de 2007 a las 14:55hs
Hola, tengo el siguiente código HTML, y tengo el problema que en IE se ve bien, pero en FF se ve todo desfazado, el código esta verificado y no tiene problemas, que puede ser entonces?
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
a:link { font-family: Arial, Helvetica, sans-serif; color: #CCCCCC; text-decoration: none;}
a:visited { color: #CCCCCC; text-decoration: none;}
a:hover { color: #FFFFFF; text-decoration: none;}
.text-mnu {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-align:center}
.mss-nav {margin:0px 0px 0px 0px; width:auto;}
.mss-nav ul { padding:0; margin:0; list-style: none; width: 100%; }
.mss-nav li {float:left; padding:0px 0px 0px 0px; position:relative; margin:0px 0px 0px 6px; font-size:12px; text-align:left; background-color:#000000; width:auto; z-index:10;}
.mss-nav img {border:0px;}
.mss-nav ul li a, .mss-nav ul li a:visited {color:#666666; font-weight:bold; text-decoration:none; font-family:arial;}
.mss-nav ul li a:hover {color:#FFFFFF; font-weight:bold; text-decoration:none; font-family:arial;}
.mss-nav li ul {display: none; position:absolute; top:16px; left:0px; z-index:10;}
.mss-nav li > ul {top: 16px; left: auto; margin:0px; text-align:left; z-index:10;}
.mss-nav li:hover ul, li.over ul {display: block; background-color:#cccccc; border:1px solid #cccccc; width:106px;}
.mss-nav ul li ul li {margin:0; padding:0; background-color:#000000; width:106px;}
.mss-nav ul li ul li a, .mss-nav ul li ul li a:visited {padding:3px 2px 3px 3px; display:block; color:#666666; width:100% !auto; font-weight:bold; text-align:left;}
.mss-nav ul li ul li a:hover {background-color:#333333; color:#FFFFFF; width:100% !auto; padding:3px 2px 3px 3px; text-decoration:none;}
.mss-tab, .mss-tab-on { float:left;}
.mss-tab a, .mss-tab a:visited, .mss-tab-on a, .mss-tab-on a:visited {font-weight:bold; padding:2px 20px; text-decoration:none; z-index:3; position:relative; border:1px solid #003399;}
.mss-tab a, .mss-tab a:visited {background:#003399; color:#ffffff;}
.mss-tab-on a, .mss-tab-on a:visited {background:#ffffff; color:#FFFFFF; border-bottom:1px #ffffff solid !important;}
.mss-tab-spacer {float:left; width:10px; height:1px;}
#t2, #t3, #t1 {border:1px solid #003399; position:relative; top:-12px; padding:5px; z-index:2;}
#t2, #t3 {display:none;}
</style>
</head>
<body>
<!--Start TOP-->
<table width="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://lib.store.yahoo.net/lib/yhst-21597224452830/01-logo.gif" width="292" height="82" alt="GigaOutlet" /></td>
<th scope="row"><img src="http://lib.store.yahoo.net/lib/yhst-21597224452830/01-mid.gif" style="height:82px;width:119px;" alt="HappyLaptops" /></th>
<td><table border="0" cellspacing="0" cellpadding="0" width="100%" height="82px">
<tr>
<td style="width:329px;height:18px;background-color:#000000">
<div class="text-mnu"><a href="faq.html">FAQ´S</a> |
<a href="my-account.html">my account</a> |
<a href="privacypolicy.html">privacy policy</a> |
<a href="terms-of-use.html">terms of use</a> |
<a href="http://order.store.yahoo.net/cgi-bin/wg-order?unique=b8105&catalog=yhst-21597224452830">view cart</a>
</div>
</td>
</tr>
<tr>
<td style="height:11px; background-image: url(http://lib.store.yahoo.net/lib/yhst-21597224452830/01-patron-claro.gif)" colspan="2"></td>
</tr>
<tr>
<td colspan="2" style="background-image: url(http://lib.store.yahoo.net/lib/yhst-21597224452830/01-patron-oscu.gif); height:18px"></td>
</tr>
<tr>
<td colspan="2" style="background-image: url(http://lib.store.yahoo.net/lib/yhst-21597224452830/01-mmm.gif); height: 34px;"></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="3">
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td style="background-color:#000000;">jkjkljkl</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Gracias -
Mensajes [9] - Enviado el Viernes 04 de Abril de 2008 a las 23:59hs
fija bien el tamaño de las tablas definilas