un saludo.
tengo un problema con una pagina que estoy diseñando. ya termine una parte, sin embargo, cuando la subo al servidor no se muestra como se deberia ver. localmente se muestra bien, pero es arriba, en el servidor, que me muestra este problema. les adjunto el html del index y el css. son tres paginas, pero ninguna de las tres se ve bien, asi que tal vez sea el mismo problema en las tres. si es asi, pues con el index sera suficiente. como se daran cuenta, para las margenes y el menu estoy siguiendo algunos ejemplos que han recomendado por la lista, y, a pasar de eso, no funcionan ya en internet.

muchas gracias de antemano por la ayuda.

hugo


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 <meta name="robots" content="index,follow">
 <meta name="revisit-after" content="1">
 <meta name="resource-type" content="document">
 <meta name="distribution" content="global">
 <link href="estilos.css" rel="stylesheet" type="text/css">
 <link rel='stylesheet' href='spip_admin.css' type='text/css'>
</head>

<body>
 <div id="todo">
  <div id="contenido">
   <div class="cabezote">
     ñjclk jls fsld flskdjflskdjf sld fjsld flsjdfls jlfsd fsd f
   </div>
   <div id="menu-arriba">
    <ul>
     <li id="por-defecto"><a href="#">Presentaci&oacute;n</a></li>
     <li><a href="Programa.html">Programa</a></li>
<li><a href="Contacto.html">Inscripci&oacute;n en l&iacute;nea</a></li>
    </ul>
   </div>
   <div class="contenido-1">
    <h1>Presentación:</h1>

     <p>sdñlfsñldkfñsldkfñ ñkñxlckvñ </p>
     </p>
   </div>
   <div id="todo-1">
    <p>´sglkdsñlfgkdñlfg ñ kñdflgkdñlfgkdñ kdñ kdñkg ñdfg</p>
   </div>
  </div>
 </div>
</body>
</html>

**************************


BODY{
background: #ffffff; /*url(images/red208.jpg);*/
margin:0;
padding: 30px;
text-align:center; /* hack para o IE */
}
a, a:visited {
color:  #ff6600;
text-decoration: none;
}

a:hover {
background-color: #FFCC00;
color: #FFFFFF;
}
.cuadro-general{
 /*background: url(images/derecha.jpg) 100% 0 no-repeat; */
 width:800px;
 position: absolute;
 left:0px;
 top:10px;
}
.cuadro-sombra-derecha {
 background: url(images/derecha.jpg) 100% 0 no-repeat;
 width:290px;
 z-index: 9;
 position: absolute;
 left:255px;
 top:500px;
}
.sombra-abajo-esq {
 background: url(images/abajo-esquina.jpg) 0 100% no-repeat;
}
.sombra-abajo {
 background: url(images/abajo.jpg) 100% 100% no-repeat;
 padding:0 27px 27px 0;
}
.cuadro-sombra-derecha2 {
 background: url(images/derecha.jpg) 100% 0 no-repeat;
 width:290px;
 position: absolute;
 left:550px;
 top:480px;
}
.sombra-abajo-esq {
 background: url(images/abajo-esquina.jpg) 0 100% no-repeat;
}
.sombra-abajo {
 background: url(images/abajo.jpg) 100% 100% no-repeat;
 padding:0 27px 27px 0;
}
.texto-cuadro-sombra {
 background:#ffffff;
 border:1px solid #000000;
 /*border-style: solid solid solid solid;
 border: 4px;*/
}
.texto h3 {
 text-align:center;
 margin:0.5em 0;
}
.texto p {
 margin-bottom:0;
 font: 0.8em Georgia, Times New Roman, Times, serif;
 padding:0 10px 10px;
 text-align:justify;
}
.img-index-principal {
 background: url(images/derecha.jpg) 100% 0 no-repeat;
 width:581px;
 position: absolute;
 left:255px;
 top:250px;
}
.sombra-abajo-esq-img {
 background: url(images/abajo-esquina.jpg) 0 100% no-repeat;
}
.sombra-abajo-img {
 background: url(images/abajo.jpg) 100% 100% no-repeat;
 padding:0 22px 22px 0;
}
.contacto {
 /*position:relative;*/
 /*left:5px; */
 top:50px;
 width: 670px;
 height:500px;
 background : #ffffff;
 /*border : 1px solid #000000;*/
 color : #669900;
 font-size : 10pt;
 font-family : Trebuchet;
}
.contacto_tr {
 /*border:4px solid #000000;*/
}
.contacto_td {
 /*border:1px solid #fd4201;*/
}
.contacto-input{
 width: 250px;
 border:2px inset #7dbb01;
 background-image:url(Images/Sombra_formularios.jpg);
 color : #000000;
 font-size : 10pt;
}
.contacto-input_textarea{
 width: 250px;
 border:2px inset #7dbb01;
 background-image:url(Images/Sombra_formularios.jpg);
 height: 150px;
 color : #ffffff;
 font-size : 10pt;
}
.contacto_submit{
 background : #669900;
 border : 1px solid #ffffff;
 color : #ffffff;
 font-weight: bold;
 font-size : 10pt;
}
.contacto_right {
 text-align:right;
}
.contacto_left {
 text-align:left;
 margin: 0px;
}
.contacto_fieldset{
 border: 2px solid #DCDCDC;
}
.cabezote:before {
    display: block;
 background: url(Images/cantonades.png) 100% 0;
 content: ".";
 width: 80px;
 height: 80px;
 margin: -80px 0 0 100%;
 text-indent: -10000px;
   }
.cabezote {
 font-size: 1.2em;
 margin: -10px 0 0 0;
 padding: 10px 10px 5px;
 background: #669900;
 color: #ffffff;
   }
.contenido-1 {
 font-family:trebuchet;
 color: #000000;
 padding-top: 30px;
 background-color:#ffffff;
 border: 1px solid #765;

}
.contenido-1 p {
 text-align: justify;
 font-size:-1em;
 /*text-indent: 10px;*/
 margin: 0px;
}
H1 {
font-size : 2em;
text-indent: 5px;
}
H1 a, H1 a:visited {
color:  #FF6600;
text-decoration: none;
}
H1 a:hover {
color: #FFCC00;
background-color: #ffffff;
}
#todo{
width: 80%;
margin:0 auto;
padding: 5px 0 5px;
text-align:left; /* "remédio" para o hack do IE */
background-color: #ffffff;
}
#contenido:before {
   display: block;
background: url(Images/cantonades.png) 0 0;
content: ".";
width: 80px;
height: 80px;
margin: -70px 100% 0 -70px;
text-indent: -10000px;
  }
#contenido{
margin: auto;
width: 90%;
background: #EAEBCB;
padding: 30px;
border: 20px solid #FD3001;
}
#contenido:after {
   display: block;
background: url(Images/cantonades.png) 0 100%;
content: ".";
width: 80px;
height: 80px;
margin: 0 100% -70px -70px;
text-indent: -10000px;
}
#todo-1{
background: #669900;
padding: 5px 10px;
color: #ffffff;
}
#todo-1:after {
   display: block;
background: url(Images/cantonades.png) 100% 100%;
content: ".";
width: 80px;
height: 80px;
margin: 0 0 -85px 100%;
text-indent: -10000px;
   }
#menu-arriba {
     float:right;
     width:100%;
     background:#DAE0D2 url(Images/bg.gif) repeat-x bottom;
     font-size:93%;
     line-height:normal;
  font-family: trebuchet;
     }
#menu-arriba ul {
   margin:0;
   padding:10px 10px 0;
   list-style:none;
   }
#menu-arriba li {
   float:left;
   background:url(Images/left.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 9px;
   }
#menu-arriba a {
   display:block;
   background:url(Images/right.gif) no-repeat right top;
   padding:5px 15px 4px 6px;
   text-decoration:none;
   font-weight:bold;
   color:#000000;
float:left;
   }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu-arriba a {
float:none;
}
 /* End IE5-Mac hack */
#menu-arriba a:hover {
   color:#333;
   }
#menu-arriba #por-defecto {
   background-image:url(Images/left_on.gif);
   }
#menu-arriba #por-defecto a {
   background-image:url(Images/right_on.gif);
   color:#333;
   padding-bottom:5px;
   }


_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a