[AYU] Problema en CSS - Hoja de Estilos

Don_Gusanito · Julio 17, 2006, 22:47:57

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

Iexplorer ( Asi se tendria que ver en firefox y opera)

Código [Seleccionar]


/* 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

Código [Seleccionar]


<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

FiGu · Julio 18, 2006, 09:07:46

a ver.. los errores de vista en opera y firefox son el fondo azul y la posicion del copyright??

Predicador · Julio 18, 2006, 09:28:29

hola,
a content2 agregale float:left;
Baii

Noticias:

[AYU] Problema en CSS - Hoja de Estilos

Don_Gusanito

FiGu

Predicador