Foros del Web » Creando para Internet » Herramientas y Software »

mi pagina no se ve con la vista precia

 Estas en el tema de mi pagina no se ve con la vista precia en el foro de Herramientas y Software en Foros del Web. Tengo una pagina que estoy diseñando con adobe dreamweaver Cs4. Al principio todo bien a la hora de ver la pagina en vista previa pero ...
  #1 (permalink)  
Antiguo 22/03/2010, 09:34
 
Fecha de Ingreso: marzo-2010
Mensajes: 58
Antigüedad: 14 años, 1 mes
Puntos: 1
mi pagina no se ve con la vista precia
Tengo una pagina que estoy diseñando con adobe dreamweaver Cs4. Al principio todo bien a la hora de ver la pagina en vista previa pero ahora doy a la vista previa y no me aparece la pagina solo aparece un fondo gris.

Si me pudierais ayudar os lo agradeceria.
  #2 (permalink)  
Antiguo 22/03/2010, 09:49
Avatar de JavierB
Colaborador
  
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola wuatios. Bienvenido al foro.

Deberías poner tus mensajes en el foro que más se adapte a tu duda. Muevo tu tema al foro de Editores Web desde Web general.

Saludos,
  #3 (permalink)  
Antiguo 22/03/2010, 16:28
Avatar de juaniquillo
Colaborador
  
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Respuesta: mi pagina no se ve con la vista precia
Lo mejor es que dejes un enlace a tu página para poder revisarla, o, en su defecto, el código de la misma.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #4 (permalink)  
Antiguo 23/03/2010, 06:41
 
Fecha de Ingreso: marzo-2010
Mensajes: 58
Antigüedad: 14 años, 1 mes
Puntos: 1
Respuesta: mi pagina no se ve con la vista precia
Esq ese es el problema yo creo que en el código falta algo que no genera la imagen en la vista previa.

Gracias de todas formas juaniquillo.
  #5 (permalink)  
Antiguo 23/03/2010, 08:45
 
Fecha de Ingreso: diciembre-2009
Mensajes: 612
Antigüedad: 14 años, 4 meses
Puntos: 16
Respuesta: mi pagina no se ve con la vista precia
Cita:
Iniciado por wuatios Ver Mensaje
Esq ese es el problema yo creo que en el código falta algo que no genera la imagen en la vista previa.

Gracias de todas formas juaniquillo.
Por eso mismo te lo dice, si no vemos código, no podemos saber que te pasa.

Un saludo
  #6 (permalink)  
Antiguo 24/03/2010, 03:29
 
Fecha de Ingreso: marzo-2010
Mensajes: 58
Antigüedad: 14 años, 1 mes
Puntos: 1
Respuesta: mi pagina no se ve con la vista previa
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
padding: 0;
text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
color: #000000;
}
.twoColFixLtHdr #container {
width: 850px; /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
background: #FFFFFF;
margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
border: 1px solid #000000;
text-align: left; /* esto anula text-align: center en el elemento body. */
}
.twoColFixLtHdr #header {
background: #DDDDDD;
padding: 0;
left: 0px;
right: 50px;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
}
.twoColFixLtHdr #sidebar1 {
float: left; /* dado que este elemento es flotante, debe asignarse un ancho */
width: 150px;
margin-right: 0px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 20px;
margin-bottom: 10px;
margin-left: 15px;
font-family: Verdana, Geneva, sans-serif;
font-size: x-small;
background-color: #999;
font-weight: bold;
position: relative;
height: 900px;
margin-top: 10px;
}
.twoColFixLtHdr #mainContent {
clip: rect(auto,auto,auto,auto);
font-family: Verdana, Geneva, sans-serif;
font-size: small;
word-spacing: normal;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-right: 20px;
padding-bottom: 0;
padding-left: 20px;
margin-left: 200px;
}
.twoColFixLtHdr #footer {
font-family: Verdana, Geneva, sans-serif;
position: relative;
font-size: larger;
clip: rect(auto,auto,auto,auto);
left: 15px;
right: 15px;
color: #000;
width: 810px;
height: 75px;
top: auto;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 10px;
background-color: #999999;
background-image: url(fotos/cabecera%20baja%20web.jpg);
border: thick solid #999;
}
body,td,th {
font-size: 18%;
}
.boton descargas {
float: right;
}
.BotonoeraIZ {
background-image: url(fotos/menu%20barra%20izquierda.jpg);
float:left;
height: 30px;
width: 50px;
position: relative;
background-repeat: no-repeat;
}

.BotoneraDC {
float: left;
height: 30px;
width: 38px;
position: relative;
background-image: url(fotos/menu%20barra%20derecha.jpg);
background-repeat: no-repeat;
}
.textoMenu {
position: relative;
top: 5px;
}
.BotoneraC {
background-image: url(fotos/menu%20barra%20centro.jpg);
float: left;
height: 30px;
position: relative;
background-repeat: repeat-x;
}

</style><!--[if IE 5]>
<style type="text/css">
/* coloque las reparaciones del modelo de cuadro para IE 5* en este comentario condicional */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* coloque las reparaciones de css para todas las versiones de IE en este comentario condicional */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
</style>
<![endif]--></head>

<body class="twoColFixLtHdr">
<div id="container">
<div id="header">
<h1><img src="fotos/cabecera web.jpg" width="820" height="137" alt="Software Ganadero" longdesc="Informátic para la ganaderia" /></h1>
<!-- end #header --></div>
<div id="sidebar1">
<h3>
<!-- end #sidebar1 -->
Pidenos presupuesto sin compromiso</h3>
<h3>Descarga el programa Jada </h3>
<h3>Informes Jada </h3>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div id="mainContent">
<div class="FondoIZ"></div>
<div class="BotoneraIZ"></div>





<div class="BotonoeraIZ"></div>
<div class="BotoneraC">
<div class="textoMenu"><strong>Inicio Empresa Producto Contacto Distribuidores Descargas Ferias</strong></div>
</div>
<div class="BotoneraDC"></div>


<p></p>

<p><strong>MEJORE LA PRODUCCIÓN DE SU GANADERÍA CON JADA.</strong><img src="fotos/boton descarga jada.jpg" alt="" name="botondescargas" width="120" height="34" hspace="30" vspace="30" align="middle" id="botondescargas" /><strong>PORCINO</strong></p>
<p>Programa informático destinado a la gestión y el control de explotaciones porcinas.</p>
<p><strong>VACUNO (leche/carne)</strong></p>
<p>Programa informático destinado a la gestión y el control de explotaciones de vacuno de leche y de carne.</p>
<p><strong>CUNÍCULA</strong></p>
<p>Programa informático destinado a la gestión y el control de explotaciones para conejos.</p>
<p><strong>OVINO/CAPRINO (leche/carne)</strong></p>
<p>Programa informático destinado a la gestión y el control de explotaciones de ovejas y cabras de leche o carne.</p>
<p><strong>AVICOLA</strong></p>
<p>Programa informático destinado a la gestión y el control de explotaciones de perdices, gallinas y pollos.</p>
<p>&nbsp;</p>
<p>Un programa diseñado para controlar todos los aspectos de una explotación ganadera.</p>
<ul>
<li>Emite libros de registro</li>
<li>Estudio de la genealogía a través de múltiples generaciones</li>
<li>Control individual de reproductoras</li>
<li>Registra la trazabilidad total </li>
<li>Control económico de ingresos/gastos</li>
<li>Análisis de costes</li>
<li>Control de engorde</li>
<li>Fertilidad, destete, vacunación, desparasitación…</li>
<li>Informes personificados</li>
<li>Cuenta de pérdidas y ganancia</li>
<li>Control de huevos</li>
<li>Control lechero</li>
<li>Formulación de piensos</li>
<li>Gestión de Mataderos </li>
</ul>
<p>Para mas información: <a href="contacto.html">contáctenos</a></p>
</div>
<!-- Este elemento de eliminación siempre debe ir inmediatamente después del div #mainContent para forzar al div #container a que contenga todos los elementos flotantes hijos --><br class="clearfloat" />
<div id="footer"></div>
<!-- end #container --></div>
</body>
</html>
  #7 (permalink)  
Antiguo 24/03/2010, 03:30
 
Fecha de Ingreso: marzo-2010
Mensajes: 58
Antigüedad: 14 años, 1 mes
Puntos: 1
Respuesta: mi pagina no se ve con la vista previa
Este es el codigo de la pagina q no consjgo ver:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
padding: 0;
text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
color: #000000;
}
.twoColFixLtHdr #container {
width: 850px; /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
background: #FFFFFF;
margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
border: 1px solid #000000;
text-align: left; /* esto anula text-align: center en el elemento body. */
}
.twoColFixLtHdr #header {
background: #DDDDDD;
padding: 0;
left: 0px;
right: 50px;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
}
.twoColFixLtHdr #sidebar1 {
float: left; /* dado que este elemento es flotante, debe asignarse un ancho */
width: 150px;
margin-right: 0px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 20px;
margin-bottom: 10px;
margin-left: 15px;
font-family: Verdana, Geneva, sans-serif;
font-size: x-small;
background-color: #999;
font-weight: bold;
position: relative;
height: 900px;
margin-top: 10px;
}
.twoColFixLtHdr #mainContent {
clip: rect(auto,auto,auto,auto);
font-family: Verdana, Geneva, sans-serif;
font-size: small;
word-spacing: normal;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-right: 20px;
padding-bottom: 0;
padding-left: 20px;
margin-left: 200px;
}
.twoColFixLtHdr #footer {
font-family: Verdana, Geneva, sans-serif;
position: relative;
font-size: larger;
clip: rect(auto,auto,auto,auto);
left: 15px;
right: 15px;
color: #000;
width: 810px;
height: 75px;
top: auto;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 10px;
background-color: #999999;
background-image: url(fotos/cabecera%20baja%20web.jpg);
border: thick solid #999;
}
body,td,th {
font-size: 18%;
}
.boton descargas {
float: right;
}
.BotonoeraIZ {
background-image: url(fotos/menu%20barra%20izquierda.jpg);
float:left;
height: 30px;
width: 50px;
position: relative;
background-repeat: no-repeat;
}

.BotoneraDC {
float: left;
height: 30px;
width: 38px;
position: relative;
background-image: url(fotos/menu%20barra%20derecha.jpg);
background-repeat: no-repeat;
}
.textoMenu {
position: relative;
top: 5px;
}
.BotoneraC {
background-image: url(fotos/menu%20barra%20centro.jpg);
float: left;
height: 30px;
position: relative;
background-repeat: repeat-x;
}

</style><!--[if IE 5]>
<style type="text/css">
/* coloque las reparaciones del modelo de cuadro para IE 5* en este comentario condicional */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* coloque las reparaciones de css para todas las versiones de IE en este comentario condicional */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
</style>
<![endif]--></head>

<body class="twoColFixLtHdr">
<div id="container">
<div id="header">
<h1><img src="fotos/cabecera web.jpg" width="820" height="137" alt="Software Ganadero" longdesc="Informátic para la ganaderia" /></h1>
<!-- end #header --></div>
<div id="sidebar1">
<h3>
<!-- end #sidebar1 -->
Pidenos presupuesto sin compromiso</h3>
<h3>Descarga el programa Jada </h3>
<h3>Informes Jada </h3>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div id="mainContent">
<div class="FondoIZ"></div>
<div class="BotoneraIZ"></div>





<div class="BotonoeraIZ"></div>
<div class="BotoneraC">
<div class="textoMenu"><strong>Inicio Empresa Producto Contacto Distribuidores Descargas Ferias</strong></div>
</div>
<div class="BotoneraDC"></div>


<p></p>

<p><strong>MEJORE LA PRODUCCIÓN DE SU GANADERÍA CON JADA.</strong><img src="fotos/boton descarga jada.jpg" alt="" name="botondescargas" width="120" height="34" hspace="30" vspace="30" align="middle" id="botondescargas" /><strong>PORCINO</strong></p>
<p>Programa informático destinado a la gestión y el control de explotaciones porcinas.</p>
<p><strong>VACUNO (leche/carne)</strong></p>
<p>Programa informático destinado a la gestión y el control de explotaciones de vacuno de leche y de carne.</p>
<p><strong>CUNÍCULA</strong></p>
<p>Programa informático destinado a la gestión y el control de explotaciones para conejos.</p>
<p><strong>OVINO/CAPRINO (leche/carne)</strong></p>
<p>Programa informático destinado a la gestión y el control de explotaciones de ovejas y cabras de leche o carne.</p>
<p><strong>AVICOLA</strong></p>
<p>Programa informático destinado a la gestión y el control de explotaciones de perdices, gallinas y pollos.</p>
<p>&nbsp;</p>
<p>Un programa diseñado para controlar todos los aspectos de una explotación ganadera.</p>
<ul>
<li>Emite libros de registro</li>
<li>Estudio de la genealogía a través de múltiples generaciones</li>
<li>Control individual de reproductoras</li>
<li>Registra la trazabilidad total </li>
<li>Control económico de ingresos/gastos</li>
<li>Análisis de costes</li>
<li>Control de engorde</li>
<li>Fertilidad, destete, vacunación, desparasitación…</li>
<li>Informes personificados</li>
<li>Cuenta de pérdidas y ganancia</li>
<li>Control de huevos</li>
<li>Control lechero</li>
<li>Formulación de piensos</li>
<li>Gestión de Mataderos </li>
</ul>
<p>Para mas información: <a href="contacto.html">contáctenos</a></p>
</div>
<!-- Este elemento de eliminación siempre debe ir inmediatamente después del div #mainContent para forzar al div #container a que contenga todos los elementos flotantes hijos --><br class="clearfloat" />
<div id="footer"></div>
<!-- end #container --></div>
</body>
</html>
  #8 (permalink)  
Antiguo 24/03/2010, 08:02
Avatar de juaniquillo
Colaborador
  
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Respuesta: mi pagina no se ve con la vista precia
No dejo de sorprenderme de lo quisquilloso que es IE. Estuve un rato tratando de encontrar el problema ya que la página se veía bien en Firefox. Al final decidí validar tu código y ahí me di cuenta tus comentarios html y tus condicionales están mal. Si se los quitas podrás ver los elementos de nuevo. Quítale todo esto, la verdad es que no los necesitas:

Código HTML: 
Ver original
  1. <!--[if IE 5]>
  2. <style type="text/css"> 
  3. /* coloque las reparaciones del modelo de cuadro para IE 5* en este comentario condicional */
  4. .twoColFixLtHdr #sidebar1 { width: 230px; }
  5. </style>
  6. <![endif]-->
  7. <!--[if IE]>
  8. <style type="text/css"> 
  9. /* coloque las reparaciones de css para todas las versiones de IE en este comentario condicional */
  10. .twoColFixLtHdr #sidebar1 { padding-top: 30px; }
  11. .twoColFixLtHdr #mainContent { zoom: 1; }
  12. /* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
  13. </style>
  14. <![endif]-->


Código HTML: 
Ver original
  1. <!-- end #header -->

Código HTML: 
Ver original
  1. <!-- end #sidebar1 -->

Código HTML: 
Ver original
  1. <!-- Este elemento de eliminación siempre debe ir inmediatamente después del div #mainContent para forzar al div #container a que contenga todos los elementos flotantes hijos -->

Código HTML: 
Ver original
  1. <!-- end #container -->
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #9 (permalink)  
Antiguo 24/03/2010, 12:00
 
Fecha de Ingreso: marzo-2010
Mensajes: 58
Antigüedad: 14 años, 1 mes
Puntos: 1
De acuerdo Respuesta: mi pagina no se ve con la vista precia
Gracias. Muchas gracias a todos.

Un saludo

Etiquetas: editores-web, vistas
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


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 23:03.