Entrar

problema con los estilos de la web

tommyas · · Solicitar retirada
Hola me ha surgido un problema con una web y estoy convencido que se debe a la hoja de estilos, os cuento si abro el index con ie me sale una barrita azul para desplazar el contenido de arriba abajo y de izquierda a derecha os paso el index y la hoja de estilos a ver si podéis encontrar el fallo por que yo no soy capaz ante todo muchas gracias

index.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>G-600M</title>
<link rel="stylesheet" href="reset.css" media="all" />
<link rel="stylesheet" href="estilos.css" type="text/css">
<!--[if IE]>
<link rel="STYLESHEET" type="text/css" href="estilos-ie.css" />
<!--><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
<meta name="keywords" content="investigacion,,investigaciones,parapsicologia,parapsicologos,extraterrestres,extraterrestre,video,videos,miedo,casa,casas,paranormal">
<meta name="description" content="Fantasmas. caza fantasmas. Ovnis. Fotos de fantasmas. Extraterrestres. Videos de fantasmas. . Casas fantasmas. Videos de ovnis. Imagenes de fantasmas. investigaciones en lugares de misterio">
<bgsound src="310-phantasm-main_theme.mp3">
</head>
<body>
<!--aquí comienza el codigo de cabercera y navegación-->
<div id="cabecera"></div>
<div id="navegacion">
<ul>
<li><a href="index.html"><img alt="INICIO" src="objetos/inicio-1.jpg" height="40" width="89" /></a></li>
<li><a href="http://www.G-600M-foro.comyr.com/foro"target="blank"><img alt="Nuestro Foro" src="objetos/FORO.jpg" height="40" width="89" /></a></li>
<li><a href="salidas/salidas.html"><img alt="nuestras experiencias de campo" src="objetos/EXPE.jpg" height="40" width="233" /></a></li>
<li><a href="videos/videos.html"><img alt="nuestros videos" src="objetos/VIDEOS.jpg" height="40" width="115" /></a></li>
</ul>
</div>
<!--aquí termina el código de cabecera y navegación-->
<!--aquí comienza el codigo de menu-1-->
<div id="global">
<div id="izquierda">
<p class="centrado"><h1>menú</h1></p>
<ul>
<li><a href="parapsicologia/parapsicologia.html"><p class="grande"><b>-Parapsicología</b></p></a></li><li><a href="asesinos/asesinos.html"><p class="grande"><b>-Asesinos en serie</b></p></a></li><li><a href="hospitales/hospitales.html"><p class="grande"><b>-Hospitales del terror</b></p></a></li>
<li><a href="tci/tci.html"><p class="grande"><b>-Transcomunicación Instrumental</b></p></a></li><li><a href="espiritismo/espiritismo.html"><p class="grande"><b>-Espiritismo</b></p></a></li></li><li><a href="demonologia/demonologia.html"><p class="grande"><b>-demonología</b></p></a></li><li><a href="mitologia/mitologia.html"><p class="grande"><b>-Mitologóa</b></p></a></li><li><a href="criptozoologia/criptozoologia.html"><p class="grande"><b>-criptozoología</b></p></a></li>
<li><a href="amigas.html"><p class="grande"><b>-Webs Amigas</b></p></a></li>
</ul>
</div>
<!--aquí termina el codigo de menú-1-->
<!--aquí comienza el código de contenido y cuerpo de la web-->
<div id="contenido">
<br>
<table>
<tr>
<td>
<br>
<h1>G-600M</h1>
<p class="grande">Todos, en alguna ocasión hemos escuchado leyendas sobre apariciones fantasmales,
sombras o incluso seres de otro planeta. Estas leyendas son tan antiguas como la
vida misma y todas las culturas sin excepción tienen su mitología sobre este tipo
de apariciones o sus creencias sobre la muerte, las almas en pena etc. Desde 600M
pensamos que obviar estos hechos y leyendas resulta absurdo y en cuanto disponemos
de tiempo salimos con nuestras cámaras en busca de estos fenómenos, por eso creamos
este portal web, para aprender de vuestros comentarios y a la vez mostrar algo que
realmente nos entusiasma.</p>
<p class="grande centrado">Esperamos que sea del agrado de todos</p>
</td>

</tr>

<tr>
<td>
<a href="salidas/salidas.html"><h2>ULTIMAS SALIDAS</h2></p></a>
<br>
<a href="salidas/san-ramon.html"><h3>Colegio San Ramón ( Agost )</h3></a>
<p class="centrado">
<img alt="sr-p (25K)" src="salidas/objetos/sr-p.JPG" height="200px" width="255px" />
<img alt="sr2 (1115K)" src="salidas/objetos/sr2.JPG" height="200px" width="255px" /></p><br>
<a href="salidas/agramonte.html"><h3>Sanatorio de Agramonte</h3></a>
<p class="centrado">
<img alt="fachada-1 (2K)" src="salidas/objetos/s.a.1.JPG" height="200px" width="255px" />
<img alt="pasillo (16K)" src="salidas/objetos/s.a-2.jpeg" height="200px" width="255px" />
</p>
<br>
<br>
<a href="salidas/san-gines.html"><h3>Monasterio de San Ginés de la Jara</h3></a>

<p class="centrado">
<img alt="sg-1 (925K)" src="objetos/sg-1.jpg" height="200px" width="255px" />
<img alt="sg-2 (1059K)" src="objetos/sg-2.JPG" height="200px" width="255px" />
</p>
<br>
</td>
</tr>
</table>
</div>
<!--aquí comienza el menú-2-->
<div id="derecha">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www3.cbox.ws/box/?boxid=3387159&amp;boxtag=pmfsa6&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain3-3387159" style="border:#000000 1px solid;" id="cboxmain3-3387159"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www3.cbox.ws/box/?boxid=3387159&amp;boxtag=pmfsa6&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform3-3387159" style="border:#000000 1px solid;border-top:0px" id="cboxform3-3387159"></iframe></div>
</div>
<!-- END CBOX -->
</div>
<!--aquí termina el codigo de menú-2-->
<!--aquí termina el codigo de conenido y cuerpo de la web-->
<!--aquí comienza el pie de página-->
<DIV id=pie>
<p class="centrado">
<script src="http://h1.flashvortex.com/display.php?id=2_1318266638_51545_419_0_4…" type="text/javascript"></script></p>
</DIV>
<p class="centrado"><a href=http://www.ademails.com/estadisticas1060004544.htm>
<script type="text/javascript" language="JavaScript">
<!--
document.write("<img src=\"http://www.ademails.com/cgi-bin/contador.cgi?ID=1060004544");
document.write("&referer=");
document.write(escape(document.referrer));
document.write("\" border=0 alt=\"Estadisticas\">");
// -->
</script><noscript><img src=http://www.ademails.com/cgi-bin/contador.cgi?ID=1060004544 border=0 alt="Estadisticas"></noscript></a></p>
<p class="centrado"><script type="text/javascript" language="JavaScript">
<!--
function AbreVentana() {
window.open("http://www.ademails.com/formemail.php3?ID=1060004544","","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=268,height=280");
}
document.write("<a HREF='JavaScript:AbreVentana()'>Recomienda esta página a un amigo</a>");
// -->
</script>
<noscript>
<a HREF="http://www.ademails.com/formemail.php3?ID=1060004544" target=_blank>Recomienda esta p&aacute;gina a un amigo</a> </p>
</DIV>
<!--aquí términa el pie de página-->
</body>
</html>

y la hoja de estilos :

body { background-image: url(objetos/fondestrellasazul.jpg) ; WIDTH: 1024px ;TEXT-ALIGN:center}
img {border-style:none;}
a:link { text-decoration:none}
a:visited { text-decoration:none}
a:hover {color:black ; text-decoration:none }
a:active { text-decoration:none}
.grande {font.size: 1.6em;text-align: left;color:#ffffff}
.resumen {font.size: 0.5em;text-align: justify;color:yellow}
.centrado {text-align:center}
.derecha {font.size: 0.2em;text-aling:right;color:black ;font-weight : mael}
.blanco {color: black; font.size: 1.1em }
h3 {font.size: 1.1em; color: yellow ; font-weight: bold ; text-decoration: none ; text-align:justify}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
h4 {font.size: 1.2em; color: grey ; font-weight: bold ; text-decoration: none ; text-align: left}
h1 {font-size: 1.6em; color:black ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h6 {font.size: 0.8em; color:red ; font-weight: bold ; text-decoration: underline ; text-align:
center}
table{border:#2F4F4F 5px solid ; margin: 5px 10px 0px 10px ; PADDING: 5px 5px 5px 5px }
td{border:#2F4F4F 2px solid ; margin: 5px 10px 0px 10px }
th{border:#2F4F4F 2px solid ; margin: 5px 10px 0px 10px}
#cabecera { background-image: url(objetos/images.jpg); MARGIN:0px auto 0px auto; PADDING: 2px 2px 2px 2px ; WIDTH:1024px ; height:217px ; overflow:auto ; BORDER:#000 1px solid ; }
#navegacion {background-color: black ; margin: 10px 0px 10px 0px ;TEXT-ALIGN:left ; WIDTH: 1024px ; height:45px}
#navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacion-1 {text-aling: justify; list-style:none; margin: 0px 10px 0px 10px }
#navegacion ul { margin-left: 20px }
#global { BACKGROUND-COLOR:black ; MARGIN:5px auto 0px auto; PADDING: 2px 2px 2px 2px ; WIDTH:1024px ; overflow:auto ; BORDER:#000 1px solid ; }
#izquierda { BACKGROUND-COLOR:#363636 ; MARGIN:80px 2px 10px 0px ; WIDTH:175px ; margin: 100px 0px 0px 0px ; PADDING: 2px 2px 2px 4px ; FLOAT:left ; BORDER: #000 1px solid ;TEXT-ALIGN:justify; }
#izquierda li {float:left ; list-style:none ; margin: 0px 2px 0px 2px ; text-decoration:none ; text-aling: justify}
#izquierda ul { margin-left: 5px }
#contenido { BACKGROUND-COLOR:#363636 ; MARGIN:50px 3px 0px 4px ;PADDING: 2px 2px 2px 2px ; WIDTH:565px ; FLOAT:left ; BORDER: #000 1px solid ;TEXT-ALIGN:justify ; text-indent: 15px}
#derecha { BACKGROUND-COLOR:#363636 ; MARGIN:300px 0px 0px 0px; WIDTH:175px ; FLOAT:right ; BORDER: #000 1px solid ;TEXT-ALIGN:center; }
#pie { BACKGROUND-COLOR:#363636 ; MARGIN:20px 0px 0px 0px ; WIDTH:1024px ; FLOAT:left ; BORDER: #000 1px solid ;TEXT-ALIGN:justify ; }
#navegacion2 {height:20px}
#navegacion2 li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacion2-1 {text-aling: justify; list-style:none; margin: 0px 10px 0px 10px }
#navegacion2 ul { margin-left: 20px }
Furiontech · · Solicitar retirada
hay tres hojas de estilo que utilizas en tu pagina, la que adjuntaste es la estilos-ie.css?, saludos.
manmanu · · Solicitar retirada
Hola....
Prueba a eliminar un momento de tú capa global ( overflow:auto )


suerte

manmanu
Web-Freelance · · Solicitar retirada
Hola, veo que tienes un comentario condicional para IE (<!--[if IE]> ) y tienes una hoja de estilos diferente para este, o es igual que la otra? lo cual no tendría sentido... [:D]

Prueba a ponerle al width del body un 100% en vez de 1024px:

body{width: 100%;}

Saludos!
Furiontech · · Solicitar retirada
Web-Freelance escribió:Hola, veo que tienes un comentario condicional para IE (<!--[if IE]> ) y tienes una hoja de estilos diferente para este, o es igual que la otra? lo cual no tendría sentido... [:D]

Prueba a ponerle al width del body un 100% en vez de 1024px:

body{width: 100%;}

Saludos!
jajaja toda la razón, recién entendí cual era su problema, y era que la pagina era muy ancha, saludos! :)
tommyas · · Solicitar retirada
he probado lo que comentais pero no funciona, si esta es estilos-ie.css pero solo tiene dos hojas de estilos: estilos-ie.css y estilos.css, una vez más gracias
Furiontech · · Solicitar retirada
tommyas escribió:he probado lo que comentais pero no funciona, si esta es estilos-ie.css pero solo tiene dos hojas de estilos: estilos-ie.css y estilos.css, una vez más gracias
reset.css
estilos.css
estilos-ie.css

a lo mejor el problema esta en otra hoja de estilos?
tommyas · · Solicitar retirada
no lo se, pero esta es la que lee explorer, que es la que se con la barrita esa, la de firefox se ve bien
Web-Freelance · · Solicitar retirada
Lo cambiaste también en #cabecera, #navegación y #global? es decir, en todos los lugares donde tengas 1024px?

Saludos!
tommyas · · Solicitar retirada
seme desmorona todo y sigue saliendo la barra, ya no se que hacer, Gracias
Web-Freelance · · Solicitar retirada
Vale, casi como te dijo @manmanu. Vete al estilo #global de tu hoja de estilos de IE, y cambiale overflow:auto; por overflow:hidden;. Lo probé en local y funciona, no salen las barras en IE.

Saludos!
tommyas · · Solicitar retirada
Ahora si, menos mal por que estaba apunto de volverme loco. muchas gracias a todos, un saludo, David