Foros del Web » Creando para Internet » HTML »

contenido no se ve

Estas en el tema de contenido no se ve en el foro de HTML en Foros del Web. Hola, estoy diseñando un sitio, actualmente en un subdominoi y no logro que el contenido que esta dentro de contenedor2 se vea. Les dejo el ...
  #1 (permalink)  
Antiguo 27/06/2011, 13:17
 
Fecha de Ingreso: mayo-2011
Mensajes: 32
Antigüedad: 6 años
Puntos: 1
contenido no se ve

Hola, estoy diseñando un sitio, actualmente en un subdominoi y no logro que el contenido que esta dentro de contenedor2 se vea. Les dejo el codigo del css y del html.

Saludos

CSS:


* {
margin:0px;
padding: 0px;
}
body {

text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contenedor {
margin:0 auto;
margin-top:10px;
width:1024px;
background-color: #CCCCCC;
text-align:left;
height:1%;
margin-bottom:10px;
overflow:hidden;
border: 1px;
z-index:2;
}

#link{
margin-left:80px;/margin-left:-170px;
margin-top:100px;/margin-top:120px;
position:absolute;
z-index:10;
}

#imagen_izq{
position: fixed;
margin-left:0px;/margin-left:-100px;
margin-top:250px;
min-height:500px;
}

#imagen_der{
position: fixed;
margin-left:1150px;/margin-left:1030px;
margin-top:250px;
min-height:500px;
}

#linkder{
margin-left:840px;/margin-left:590px;
margin-top:0px;/margin-top:0;
position:absolute;
z-index:10;
}

a.estilo2:link { font-family: Tahoma, Times, serif; color: #FFFFFF; text-decoration: none; font-size:10pt;}
a.estilo2:visited { font-family: Tahoma, Times, serif; color: #FFFFFF; text-decoration: none;font-size:10pt;}
a.estilo2:hover { font-family: Tahoma, Times, serif; color: #FFFFFF; text-decoration:none;font-size:10pt;}
a.estilo2:active { font-family: Tahoma, Times, serif; color: #FFFFFF; text-decoration: none;font-size:10pt;}

a.estilo1:link { font-family: Tahoma, Times, serif; color: #000000; text-decoration: none; font-size:10pt;}
a.estilo1:visited { font-family: Tahoma, Times, serif; color: #000000; text-decoration: none;font-size:10pt;}
a.estilo1:hover { font-family: Tahoma, Times, serif; color: #000000; text-decoration:none;font-size:10pt;}
a.estilo1:active { font-family: Tahoma, Times, serif; color: #000000; text-decoration: none;font-size:10pt;}

#head {
width:1000px;
height:40px;
z-index:2;

}
img { width: 100%;
height: 100%;
}
#todo{
background-image:url(imagenes/fondo1.jpg);
width:100%;
height:100%;
background-repeat:no-repeat;
}

#contenido {
margin-bottom:0px;
width:1024px;
float:right;
font-size:12px;
z-index:3;

}
#contenedor2{ width:520px;

min-height:700px;
background-color:#FFFFFF;
z-index:10;

}
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; text-align:left;}

#pie {
width:1024;
height:100%;

margin-bottom:5px;
margin-left:0px; /margin-left:0px;
}
#col_der2 { margin-top:41px;float: right; width: 246px;height: 240px;margin-bottom:0px;}
#col_izq2 { margin-top:36px;float: left; width: 246px;height: 240px; margin-bottom:0px;}
#col_cen2 {height: 250px; margin-bottom:0px;border:0px; width:1024px; position:absolute; height:240px; z-index:3;}

#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}


HTML:

<!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">
<head>
<link type="text/css" href="estilo.css" rel="stylesheet" />
<link type="image/x-icon" href="Imagenes/dgolf_ico.ico" rel="shortcut icon"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DGolf</title>
</head>

<body>
<div>

<img id="background" src="imagenes/fondo1.jpg" alt="" title="" />

</div>
<div id="scroller">

<div id ="contenedor">
<div id="cabecera">

<div id="col_cen2">
<img src="imagenes/cabecera1.jpg" />
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1024" height="30">
<param name="movie" value="menu.swf" />
<param name="quality" value="high" />
<embed src="menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1024" height="30"></embed>
</object>
</div>
</div>



<div id="contenido">


<div id="contenedor2" align="center">
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>

<td width="500" align="center" valign="top" bgcolor="#FFFFFF"> <table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>


</tr>
</table>

<table width="500" border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="480" height="73" valign="top">
<P align="center"> <img src="Imagenes/links.jpg" width="200" height="40"/></P></td>

</tr>
<tr>

</tr>
<tr>
<td width="480" height="73" valign="top" bgcolor="#FFFFFF">
<p align="center"><font color="#000000" size="2" face="Geneva, Arial, Helvetica, sans-serif"><a href="http://www.winnerscarwash.com" target="_blank"><img src="Imagenes/rapidito.jpg"width="241" height="54" border="0"></a><br>
Ven&iacute; a Rapidito Car Wash &amp; Lubricants y disfrut&aacute;
de nuestros servicios integrales de lavado del automotor.
Primeros Pobladores 2151 - Tel. (0299) 448 8716 - Neuqu&eacute;n<br>
<a class="estilo1" href="http://www.winnerscarwash.com" target="_blank"><font color="#1A1A1A">Visit&aacute;
Nuestra web: www.winnerscarwash.com</font></a></font></p></td>
</tr>
<tr>

</tr>
</table>

</td>

</tr></table>





</div>
</div>
<div id="pie">
<img src="Imagenes/pie.gif" width="1024" /> </div>


</div>
</div>
</body>
</html>


Muchas gracias
  #2 (permalink)  
Antiguo 27/06/2011, 13:39
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 3 meses
Puntos: 995
Respuesta: contenido no se ve

tienes varios errores y código innecesario por lo que a simple vista no se que puede ser, pero prueba eliminando los overflow:hidden, hay uno en el html,body que es bastante sospechoso...

PD: si usas width:1024px vas a causar scroll horizontal en las pantallas que usen esa resolución, porque siempre hay otros elementos por fuera de la web (bordes del navegador, scroll vertical, etc) que ocupan espacio. La resolución segura para dichas resoluciones por lo tanto no es 1024, sino 990px
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #3 (permalink)  
Antiguo 27/06/2011, 14:09
 
Fecha de Ingreso: mayo-2011
Mensajes: 32
Antigüedad: 6 años
Puntos: 1
Respuesta: contenido no se ve

Cita:
Iniciado por webosiris Ver Mensaje
tienes varios errores y código innecesario por lo que a simple vista no se que puede ser, pero prueba eliminando los overflow:hidden, hay uno en el html,body que es bastante sospechoso...

PD: si usas width:1024px vas a causar scroll horizontal en las pantallas que usen esa resolución, porque siempre hay otros elementos por fuera de la web (bordes del navegador, scroll vertical, etc) que ocupan espacio. La resolución segura para dichas resoluciones por lo tanto no es 1024, sino 990px
Muchas gracias, ha sido de gran ayuda.

Saludos

Etiquetas: contenido
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:00.