No se me ve bien las paginas web

Hola everaldo te escribo desde Colombia, para preguntarle lo siguiente,,,tengo estoy desarrollando en dreamweaver un a pagina web, el diseño lo hago bien y toda la cuestion, entro a Firefox y se ve el diseño aparentemente bien,,,pero al abrir la pagina en internet explorer me aparecen los componetnes descuadrados,,,he visto ayudas en internet pero hablan con un lenguaje muy confuso... Gracias por tu ayuda.

1 respuesta

Respuesta
1
El problema está en los estilos CSS que utilizas, solo que subieras la pagina para poder analizar el codigo fuente y poder echarte la mano.
Este problema es comun con el Internet Explorer cuando utilizas JQUERY, CSS, FLASH o capas que necesitan estandarizarse.
Dame tu codigo fuente o un link para visitar el sitio y veré cómo puedo ayudarte.
Puedes subir tu sitio en zobyhost.com para hacer las pruebas.
Hola muchas gracias por su atencion y respuesta, pues yo pensaba subir el sitio a zobyhost.com pero me dijo el sitio web que el registro esta temporalmente cerrado
por esa razon envio el siguiente codigo completo:
<!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>Untitled Document</title>
<style type="text/css">
.letra-inicial {font-size: 38px;
color: #FF8000;
font-weight: bold;
}
.titulos {font-size: 20px;
}
</style>
</head>
<?php
function Conectarse(){
if (!($link=mysql_connect("localhost","root","califele2011"))){
echo "Error conectando a la base de datos. Por favor comunique con el administrador ";
exit();
}
if (!mysql_select_db("Omnilife",$link)){
echo "Error seleccionando la base de datos. Por favor comunique con el administrador";
exit();
}
return $link;
}
$link = Conectarse(); # con esto me conecto a la DB
ini_set("date.timezone", "America/Bogota"); # esto no veo que lo estes usando. Para mi, esto sobra.
$Nombre5 = $_POST['Nombre5'];
$Apellido5 = $_POST['Apellido5'];
$Email5 = $_POST['Email5'];
$País_Ciudad5 = $_POST['PaísCiudad5'];
$Si5 = $_POST['Si5'];
$No5 = $_POST['No5'];
$Mensaje5 = $_POST['Mensaje5'];
if (mysql_query("INSERT INTO buzón (Nombre_B, Apellido_B, Email_B, Pais_Ciudad_B, Si, No, Mensaje) values ('$Nombre5', '$Apellido5', '$Email5' , '$País_Ciudad5' , '$Si5' ,'$No5' , '$Mensaje5' )")){
echo "Registro agregado con exito!";
} else {
echo "Error: ".mysql_error();
}
mysql_close($link);# Con esto cierro la conexion a la DB
?>
<body>
<table border="1" width="100%" height="713">
<tr>
<td width="31%">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div style="position: absolute; width: 203px; height: 119px; z-index: 1; left: 21px; top: 67px" id="capa1"> <span class="letra-inicial"><strong>N</strong></span><strong class="titulos">utrilife.net </strong><br />
<strong>Juntas de Oportunidad Nutriser Bogotá D.C</strong><br />
Hotel Laureles 70 Circular 5 # 70- 13<br />
Martes y Jueves 7:00 pm<br />
Fijo. <span class="skype_pnh_print_container">(574) 336 0786</span><span dir="ltr" class="skype_pnh_container" tabindex="-1"><span class="skype_pnh_mark"> begin_of_the_skype_highlighting</span> <span dir="ltr" class="skype_pnh_highlighting_inactive_common" title="Llamar a este número de teléfono en Estados Unidos de América con Skype: +15743360786 "><span class="skype_pnh_left_span" skypeaction="skype_dropdown"> </span><span class="skype_pnh_dropart_span" title="Acciones de Skype" skypeaction="skype_dropdown"><span style="BACKGROUND-POSITION: -5849px 1px" class="skype_pnh_dropart_flag_span" skypeaction="skype_dropdown"> </span> </span><span class="skype_pnh_textarea_span"><span class="skype_pnh_text_span">(574)
336 0786</span></span><span class="skype_pnh_right_span"> </span></span> <span class="skype_pnh_mark">end_of_the_skype_highlighting</span></span> Móvil. (57) 310 836 4585<br />
Medellín - Colombia</div>
<p> </p></td>
<td width="36%"><div style="position: absolute; width: 114px; height: 25px; z-index: 2; left: 416px; top: 22px" id="capa2"> <strong><span class="letra-inicial"><font size="5">C</font></span></strong><strong class="titulos"><font size="5">ontacto</font></strong></div>
<div style="position: absolute; width: 139px; height: 100px; z-index: 4; left: 716px; top: 109px" id="capa5"> > <a target="_blank" style="text-decoration: underline; color: #FF7700; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 12px" href=""> Omnilife Oficial</a><br />
> <a target="_blank" style="text-decoration: underline; color: #FF7700; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 12px" href="http://www.nutriser.org"> Nutriser.org</a><br />
> <a target="_blank" style="text-decoration: underline; color: #FF7700; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 12px" href="http://www.creser.gentedenegocio.net"> CreSer</a><br />
</div>
<p> </p></td>
<td width="33%"> </td>
</tr>
</table>
<p> </p>
<p> </p>
<form id="form1" name="form1" method="post" action="">
<p> </p>
<p>Nombre :
<input type="text" name="Nombre5" size="32" id="Nombre5" />
</p>
<p>Apellido:
<input type="text" name="Apellido5" size="32" id="Apellido5" />
</p>
<p>E-mail:
<input type="text" name="Email5" size="32" id="Email5" />
</p>
<p>País | Ciudad:
<input type="text" name="PaísCiudad5" id="PaísCiudad5" />
</p>
<p>Eres afilido(a) a Omnilife? Si
<input type="checkbox" name="Si5" value="ON" id="Si5" />
No
<input type="checkbox" name="No5" value="ON" id="No5" />
</p>
<p>Mensaje: </p>
<p>
<textarea rows="6" name="Mensaje5" cols="40" id="Mensaje5"></textarea>
</p>
<p>
<input type="submit" name="Enviar" id="Enviar" value="Enviar" />
</p>
<p> </p>
</form>
<p> </p>
</body>
</html>
Gracias por tu ayuda..
Veo que quieres realizar un sitio con tres columnas. Encontre esto en un ejemplo que trae el programa:
<!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>Untitled Document</title>
<style type="text/css">
<!--
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #4E5869;
margin: 0;
padding: 0;
color: #000;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
padding-right: 15px;
padding-left: 15px;
}
a img {
border: none;
}
a:link {
color:#414958;
text-decoration: underline;
}
a:visited {
color: #4E5869;
text-decoration: underline;
}
a:hover, a:active, a:focus {
text-decoration: none;
}
.container {
width: 80%;
max-width: 1260px;
min-width: 780px;
background: #FFF;
margin: 0 auto;
overflow: hidden;
}
.sidebar1 {
float: left;
width: 20%;
background: #93A5C4;
padding-bottom: 10px;
}
.content {
padding: 10px 0;
width: 60%;
float: left;
}
.sidebar2 {
float: left;
width: 20%;
background: #93A5C4;
padding: 10px 0;
}
.content ul, .content ol {
padding: 0 15px 15px 40px;
}
ul.nav {
list-style: none;
border-top: 1px solid #666;
margin-bottom: 15px;
}
ul.nav li {
border-bottom: 1px solid #666;
}
ul.nav a, ul.nav a:visited {
padding: 5px 5px 5px 15px;
display: block;
text-decoration: none;
background: #8090AB;
color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
background: #6F7D94;
color: #FFF;
}
.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
-->
</style><!--[if lte IE 7]>
<style>
.content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
ul.nav a { zoom: 1; } /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
</style>
<![endif]--></head>
<body>
<div class="container">
<div class="sidebar1">
<ul class="nav">
<li><a href="#">Link uno</a></li>
<li><a href="#">Link dos</a></li>
<li><a href="#">Link tres</a></li>
<li><a href="#">Link cuatro</a></li>
</ul>
<p> Agrega textos o una serie de imagenes en este espacio</p>
<!-- end .sidebar1 --></div>
<div class="content">
<h2>Nutrilife.net</h2>
<p> <br />
Juntas de Oportunidad Nutriser Bogotá D.C<br />
Hotel Laureles 70 Circular 5 # 70- 13<br />
Martes y Jueves 7:00 pm<br />
Fijo. (574) 336 0786 begin_of_the_skype_highlighting (574) 336 0786 end_of_the_skype_highlighting Móvil. (57) 310 836 4585<br />
Medellín - Colombia
</p>
<p>
<form id="form1" name="form1" method="post" action="">
<p> </p>
<p>Nombre :
<input type="text" name="Nombre5" size="32" id="Nombre5" />
</p>
<p>Apellido:
<input type="text" name="Apellido5" size="32" id="Apellido5" />
</p>
<p>E-mail:
<input type="text" name="Email5" size="32" id="Email5" />
</p>
<p>País | Ciudad:
<input type="text" name="PaísCiudad5" id="PaísCiudad5" />
</p>
<p>Eres afilido(a) a Omnilife? Si
<input type="checkbox" name="Si5" value="ON" id="Si5" />
No
<input type="checkbox" name="No5" value="ON" id="No5" />
</p>
<p>Mensaje: </p>
<p>
<textarea rows="6" name="Mensaje5" cols="40" id="Mensaje5"></textarea>
</p>
<p>
<input type="submit" name="Enviar" id="Enviar" value="Enviar" />
</p>
<p> </p>
</form>
</p>
<p> </p>
<h1> </h1>
<h2> </h2>
<!-- end .content --></div>
<div class="sidebar2">
<h4>Contactos:</h4>
<p>Utiliza este otro espacio para lo que tu quieras.</p>
<!-- end .sidebar2 --></div>
<!-- end .container --></div>
</body>
</html>
Te dejo esta alternativa, cualquier pregunta, no dudes en hacerla.

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas

Insertar link web a una imagen

Necesito saber como se incrusta un link a una fotografía. No en word...
2 respuestas

Imagen transparente

Con que formato debo guardar una imagen para que todo lo que es blanco se guarde de manera transparente, ya que necesito insertar una imagen en "OFFICE" pero me muestra basura (un fondo blanco rectangular), y he visto dibujos sin este fondo, ¿Cómo...
2 respuestas

Banners

Podrias pasarme el codigo de tres banners para realizarlos yo
2 respuestas

¿Cómo creo una página web desde cero hasta el host con el programa dreamweaver?

Necesito crear una página web para un negocio, decidí tomar el reto je je pero nunca he usado dreamweaver y tengo no mucha experiencia con la creación de páginas web. ¿Qué me recomendarían usar y ya que tenga la página que es lo que debo hacer para...
3 respuestas

Como insertar un video para streaming

Como puedo insertar un video en dreamweaver ya sea en formato real audio o windows media para que se visualice mediante streaming.
3 respuestas

Problema con conexión base de datos

Estoy haciendo un curso de creación de páginas dinámicas con dreamweaver con el servidor Apache y mysql. El servidor apache lo he instalado con el paquete appserv-win32 2.4.3 sin problemas los servicios tanto de apache como de mysql están iniciados...
2 respuestas

Conexión Mysql con XAMPP y dreamweaver - No conecta a la Base de datos..

Estoy creando con Dreamweaver una página de acceso para usuarios en PHP. Tengo instalado el XAMPP y está corriendo el Apache con MySql los dos en verde. He creado en PHPMyadmin la BD con la tabla usuarios.. Todo correcto. Ahora voy a la página php...
1 respuesta

Poner imagen de fondo

Estos intentando hacerme una página web con dreamweaver i quiero poner una imagen de fondo de la página pero que no este en mosaico ni se repita ni nada, y quiero ponerle unos botones y escribir encima de la foto que sera el fondo de la web y resulta...
2 respuestas

Multiplicar dos campos en dreamweaver

Mis genios amigos. Tengo el campo A y el campo B que son un formulario que se rellena en la página web y se guarda en la base de datos. (No hay problema con esto porque ya están relacionados los campos y efectivamente se guardan los datos en la BD)...
2 respuestas

No me despliegan algunos menús en el dreamweaver portable

Los menús que no se despliegan son VER, FORMATO, SITIO y VENTANA en el dreamweaver portable ¿Por qué puede ser?, y no tengo habilitada la opción de base de datos...
3 respuestas