Tengo un gran problema, se me descuadra la página subiéndola en el explorer en diferentes ordenadores, ¿eso por qué es? en mi ordenador me sale bien, pero después en cada ordenador me sale de una forma!!
SE ME DESCUADRA LA WEB
para empezar, necesitamos la direccion de tu web para ayudarte
la dirección de mi web es:
www.finanmedia.es
www.finanmedia.es
OS PONGO MI PAGINA DE ESTILOS Y LA PLANTILLA:
* {color: #363636 ; text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p { text-align: justify ; font-size: 1.2em ; color: #4F4F4F }
h1 {font-size: 1.5em; color: #4F4F4F ; font-style: oblique; font-weight: bold ; padding-top:40px ; text-decoration: underline ; text-align: center}
h2 {font-size: 1.1em; color: #4F4F4F ; font-weight: bold ; text-decoration: underline ; text-align: left ; padding-top:40px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
#cabecera {background-color: white; border-left: black 1px solid ; border-right: black 1px solid; height:5px}
#logotipo {background-color: none ; width:280px ; float:left }
#publicidad {background-color: none ; width:518px ; float:right; margin-top:50px ; font-size: 16px }
#navegacion {background-color: #D3D3D3 ; font-size: 1.2em ; border: black 1px solid ; height:20px }
#navegacion li { float:left ; list-style:none ; margin: 10px 15px 0px 15px }
#navegacion ul { margin-left: 60px }
#contenido {background-color: #FFA54F ; padding: 0px 20px 5px 30px ; border-left: black 1px solid ; border-right: black 1px solid ; width: 800px ; float:left }
#contenido p {padding: 0px 20px 5px 30px ; text-indent: 15px ; margin: 20px 0px 0px 0px}
#contenido li { float:left ; margin: 0px 20px 0px 75px ; font-size: 1.2em }
#edificio { width:400px; height:300; float:right; margin: 0px 20px 0px 50px />}
#mapa { width:550px; height:400; float:center; margin: 10px 0px 10px 0px />}
#asesor { width:400px; height:300; float:right; margin: 10px 20px 0px 20px />}
#particular { width:200px; height:200; float:left; margin: 10px 20px 0px 20px />}
#menu {width: 150px ; float:left ; text-align:left; margin:20px 10px 5px 10px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom: 5px }
#menu li {list-style:none ; font-size: 1.2em ; font-style:oblique ; margin: 10px 20px 4px 8px}
#menu h1 {text-decoration: underline ; font-size:16px ; padding-top:10px ; background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid ;
height: 65px }
#pie li {list-style: none ; font-size: 12px }
#pieuno {background-color: white ; float:left ; width:150px }
#piedos {background-color: white ; float:left ; width:498px }
#pietres {background-color: white ; float:left ; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow: hidden }
a {color: #CD6600 ; text-decoration:none ; display: block}
a:link {}
a:visited {}
a:hover {color: #D3D3D3 ; text-decoration:none ; background-color: grey}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#contenido a {color: #363636 ; text-decoration:underline ; display: inline}
#contenido a:link {}
#contenido a:visited {}
#contenido a:hover {color: #696969 ; text-decoration:underline ; background-color: #FFA54F}
#contenido a:active {}
#menu a {color: #CD6600 ; text-decoration:none ; display: block}
#menu a:link {}
#menu a:visited {}
#menu a:hover {color: #D3D3D3 ; text-decoration:none ; background-color: grey}
#menu a:active {}
Y EL INDEX
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Particulares</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad"></div>
</div>
<div id="navegacion">
<ul>Portada Quienes somos Particulares Empresas Compraventa Foro Noticias
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Particulares</h1> Productos Solicitud Online Documentación
</div>
<h1>GESTIÓN Y ASESORAMIENTO PARA PARTICULARES</h1>
Si tienes problemas económicos, necesitas una hipoteca para tu nueva casa, quieres mejorar las condiciones de tu hipoteca, necesitas financiación para comprarte un coche nuevo, tienes deudas y necesitas sanear tu economía o cualquier otra necesidad, déjate asesorar por profesionales.</p>
[contenido no disponible]
Cualquiera de los productos de los que disponemos te puede servir, dependiendo de tu necesidad.</p>
Nuestro equipo de asesores estudiarán tu situación, tu perfil, y analizará qué producto se adecúa perfectamente a tus necesidades para obtener lo que necesitas de la mejor forma posible.</p>
No lo dudes, ponte en contacto con nosotros y podrás descansar tranquilo tras solucionar tus problemas. Te encontrás arropado en todo momento para que el camino te resulte realmente sencillo y rápido.</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Foro Ejemplo Contactos Nos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
Directorio TopSite Mapa de la Web
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
* {color: #363636 ; text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p { text-align: justify ; font-size: 1.2em ; color: #4F4F4F }
h1 {font-size: 1.5em; color: #4F4F4F ; font-style: oblique; font-weight: bold ; padding-top:40px ; text-decoration: underline ; text-align: center}
h2 {font-size: 1.1em; color: #4F4F4F ; font-weight: bold ; text-decoration: underline ; text-align: left ; padding-top:40px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
#cabecera {background-color: white; border-left: black 1px solid ; border-right: black 1px solid; height:5px}
#logotipo {background-color: none ; width:280px ; float:left }
#publicidad {background-color: none ; width:518px ; float:right; margin-top:50px ; font-size: 16px }
#navegacion {background-color: #D3D3D3 ; font-size: 1.2em ; border: black 1px solid ; height:20px }
#navegacion li { float:left ; list-style:none ; margin: 10px 15px 0px 15px }
#navegacion ul { margin-left: 60px }
#contenido {background-color: #FFA54F ; padding: 0px 20px 5px 30px ; border-left: black 1px solid ; border-right: black 1px solid ; width: 800px ; float:left }
#contenido p {padding: 0px 20px 5px 30px ; text-indent: 15px ; margin: 20px 0px 0px 0px}
#contenido li { float:left ; margin: 0px 20px 0px 75px ; font-size: 1.2em }
#edificio { width:400px; height:300; float:right; margin: 0px 20px 0px 50px />}
#mapa { width:550px; height:400; float:center; margin: 10px 0px 10px 0px />}
#asesor { width:400px; height:300; float:right; margin: 10px 20px 0px 20px />}
#particular { width:200px; height:200; float:left; margin: 10px 20px 0px 20px />}
#menu {width: 150px ; float:left ; text-align:left; margin:20px 10px 5px 10px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom: 5px }
#menu li {list-style:none ; font-size: 1.2em ; font-style:oblique ; margin: 10px 20px 4px 8px}
#menu h1 {text-decoration: underline ; font-size:16px ; padding-top:10px ; background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid ;
height: 65px }
#pie li {list-style: none ; font-size: 12px }
#pieuno {background-color: white ; float:left ; width:150px }
#piedos {background-color: white ; float:left ; width:498px }
#pietres {background-color: white ; float:left ; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow: hidden }
a {color: #CD6600 ; text-decoration:none ; display: block}
a:link {}
a:visited {}
a:hover {color: #D3D3D3 ; text-decoration:none ; background-color: grey}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#contenido a {color: #363636 ; text-decoration:underline ; display: inline}
#contenido a:link {}
#contenido a:visited {}
#contenido a:hover {color: #696969 ; text-decoration:underline ; background-color: #FFA54F}
#contenido a:active {}
#menu a {color: #CD6600 ; text-decoration:none ; display: block}
#menu a:link {}
#menu a:visited {}
#menu a:hover {color: #D3D3D3 ; text-decoration:none ; background-color: grey}
#menu a:active {}
Y EL INDEX
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Particulares</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad"></div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Particulares</h1>
</div>
<h1>GESTIÓN Y ASESORAMIENTO PARA PARTICULARES</h1>
Si tienes problemas económicos, necesitas una hipoteca para tu nueva casa, quieres mejorar las condiciones de tu hipoteca, necesitas financiación para comprarte un coche nuevo, tienes deudas y necesitas sanear tu economía o cualquier otra necesidad, déjate asesorar por profesionales.</p>
[contenido no disponible]
Cualquiera de los productos de los que disponemos te puede servir, dependiendo de tu necesidad.</p>
Nuestro equipo de asesores estudiarán tu situación, tu perfil, y analizará qué producto se adecúa perfectamente a tus necesidades para obtener lo que necesitas de la mejor forma posible.</p>
No lo dudes, ponte en contacto con nosotros y podrás descansar tranquilo tras solucionar tus problemas. Te encontrás arropado en todo momento para que el camino te resulte realmente sencillo y rápido.</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
hola
esto tienes en css
#cabecera {background-color: white; border-left: black 1px solid ; border-right: black 1px solid; height:5px}
y esto en html
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad"></div>
</div>
si te fijas en el css le pusiste 5 píxeles de altura a la div cabecera
y en el html
le metes un div con un logotipo que mide 70px de alto
como te darás cuenta, hace que se desborde
debes tener mucho cuidado con las medidas en toda tu web
dale una revisada a este concepto a todo el html y al css
saludos
esto tienes en css
#cabecera {background-color: white; border-left: black 1px solid ; border-right: black 1px solid; height:5px}
y esto en html
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad"></div>
</div>
si te fijas en el css le pusiste 5 píxeles de altura a la div cabecera
y en el html
le metes un div con un logotipo que mide 70px de alto
como te darás cuenta, hace que se desborde
debes tener mucho cuidado con las medidas en toda tu web
dale una revisada a este concepto a todo el html y al css
saludos