Tengo un problema, hay una capa que me pisa otra, ahora publico los codigos y los screens. El tema es que en iexplorer se me ve bien pero en Firefox y Opera no, y como en la mierda de iexplorer no se puede confiar claramente hay algo que tengo mal. El detalle esta abajo, no se q onda.
Firefox y Opera
(http://img141.imageshack.us/img141/1618/1bx0.jpg)
Iexplorer ( Asi se tendria que ver en firefox y opera)
(http://img142.imageshack.us/img142/8689/2ra5.jpg)
/* Hoja de Estilo */
BODY {
font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 10 0 10 0px;
text-align: center;
background-color: #ebebeb;
background-image: url(images/design/background.png);
}
#content {
width:780px;
}
#top {
height:105px;
color: #000000;
font-size: 1.5em;
font-weight:normal;
border-top:2px solid;
border-left:2px solid;
border-right:2px solid;
border-color: #000066;
background-color: #FFFFFF;
}
#date {
padding:5 px;
color: #FFFFFF;
font-size:12px;
text-align:right;
font-weight:normal;
border-left:2px solid;
border-right:2px solid;
border-color: #000066;
background-color: #000066;
}
#content2{
width:776px;
border-left:2px solid;
border-right:2px solid;
border-color: #000066;
background-color: #FFFFFF;
}
#left {
width:170px;
float: left;
padding:10px 2px 10px 2px;
overflow:auto;
overflow-x: hidden;
background-color: #FFFFFF;
}
#center {
width:422px;
float: left;
padding:10px 2px 10px 2px;
overflow:auto;
overflow-x: hidden;
border-left:1px solid;
border-right:1px solid;
border-color: #999999;
background-color: #FFFFFF;
}
#right {
width:170px;
float: right;
padding:10px 2px 10px 2px;
overflow:auto;
overflow-x: hidden;
background-color: #FFFFFF;
}
#bottom {
position:static;
padding:0px 5px 0px 5px;
color: #FFFFFF;
font-size:12px;
text-align:center;
font-weight:normal;
border-left:2px solid;
border-right:2px solid;
border-bottom:2px solid;
border-color: #000066;
background-color: #000066;
}
HTML
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div id='content'>
<div id='top'>
<table width="774" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="150"><img src="images/design/logo.jpg" alt="clubRRPP.com" width="150" height="102"></td>
<td width="493" align="center"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="468" height="60"><param name=movie value="http://www.bt-arg.com.ar/tracker/bannerfullpc.swf"><param name=quality value=high><embed src="tracker/bannerfullpc.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="468" height="60"></embed></object></td>
<td width="131" align="center"><img src="images/design/publicidades/125x60.PNG" alt="PUBLICIDAD" width="125" height="60"></td>
</tr>
</table>
</div>
<div id='date'>Miercoles 9 de Julio de 1816</div>
<div id='content2'>
<div id='left'>
<div class=navegador>
<p class=navenlace><a href="#">LINK 1</a></p>
<p class=navenlace><a href="#">LINK 2</a></p>
<p class=navenlace><a href="#">LINK 3</a></p>
</div>
</div>
<div id='center'>Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro CENTRO Centro </div>
<div id='right'>Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA Derecha DERECHA </div>
</div>
<div id='bottom'></div>
</div>
</body>
</html>
Gracias de antemano
a ver.. los errores de vista en opera y firefox son el fondo azul y la posicion del copyright??
hola,
a content2 agregale float:left;
Baii