Entrar

Capa descolocada con firefox y con ie

neiklot87 · · Solicitar retirada
Buenas, antes de todo presentarme, ya que soy nuevo en esta web. Y agradecer profundamente el trabajo de Jorgens que ha creado esta web y gracias al cual estoy aprendiendo a hacer la mia y a conocer el código html.
Esta página la comencé el sábado por la noche en una jornada de aburrimiento, es sobre un equipo de airsoft que se está creando, y tengo un problema con ambos navegadores, y es que se me descoloca la estrutura!

a ver si podeis ayudarme!

http://secom.mywebcommunity.org/

por cierto, ya que estoy pregunto también por el tema de la Ñ, si os fijais en el pequeño texto que hay abajo de index me cambia las Ñ por C y también arriba en el título la ó me la cambia por una Y. Se que se soluciona entrando directamente en el index.html, pero no se como hacer para que automaticamente entre ahi.

Aquí os dejo los datos:

index.html

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

<html>
<head>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<title>Secom Airsoft. Sección de Reconocimiento y Combate</title>

</head>
<body>

<h1 class="centrado">Bienvenidos a la web del equipo Secom Airsoft</h1>

<div align="center">[contenido no disponible]</div>

<p class="centrado" >Somos la caña de España y nos vamos a comer a los Spartans</p>

<center>Pulsa para entrar


[correo eliminado]</p></center>


</body>
</html>

estilos.css

body {background-image: url(objetos/fondowood.jpg) ; height:100%}
img {border: none}
.centrado {text-align:center}
p {color: #8B814C}
h1 {color:#8B814C}
a {color: #8B814C; font-size:1.3em; text-decoration: none }
a:hover {color: Firebrick; text-decoration: none}
a:active {color: Firebrick }

plantilla.html

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

<html>
<head>
<link rel="stylesheet" href="estilogeneral.css" type="text/css" media="all">
<title>Secom, Sección de Reconocimiento y Combate</title>
</head>
<body>
<div id=global>
<div id="cabecera">
<div id="logo">[contenido no disponible]</div>
<div id="bienvenida">[contenido no disponible]</div>
</div>
<div id="navegacion">


Barra de Navegación</p></div>
<div id="contenido">
<div id="menu"><ul>
  • Elemento 1
  • Elemento 2
  • Elemento 3
  • Elemento 4
  • Elemento 5</div>
    <h1>Secom, Sección de Reconocimiento y Combate</h1>


    </p>


    Esta será la zona principal de la web, esta web estará dedicada al nuevo equipo de Airsoft</p>


    de la provincia de Alicante "Secom", que significa Servicio de Reconocimiento y Combate.</p>




    Estamos en construcción</p>




    Intentaremos estar online lo más pronto posible








    If you wanna be my lover</p>


    Tiriririrí my friend</p>
    </div>
    <div id="pie">Este es el pie de página</div>
    </div>
    </body>
    </html>

    estilogeneral.css

    * {margin:0px ; padding:0px ; border: 0px}
    body {background-image: url(objetos/fondowood.jpg) ; height:100% ; text-align: center}
    #cabecera {height:150px;background-color: DarkOliveGreen ;border-bottom: 2px #696969 solid;border-top: 4px #696969 solid;border-left: 4px #696969 solid;border-right: 4px #696969 solid}
    #navegacion {background-color: #8B814C;border-bottom: 2px #696969 solid;border-top: 2px #696969 solid;border-left: 4px #696969 solid;border-right: 4px #696969 solid}
    #contenido {background-color: DarkSeaGreen ; float:left ;border-bottom: 2px #696969 solid;border-top: 2px #696969 solid;border-left: 4px #696969 solid;border-right: 4px #696969 solid} p {padding: 1px 10px 1px 10px;text-indent: 15px}
    #pie {background-color: #8B814C;border-bottom: 4px #696969 solid;border-top: 2px #696969 solid;border-left: 4px #696969 solid;border-right: 4px #696969 solid}
    #global {width:1024px;margin: 4px auto }
    #menu {background-color: DarkKhaki; width: 150px ; float:left ; text-align: left ; margin: 5px}
    #menu li {list-style: none ; margin: 10px }
    a {color: SaddleBrown; font-size:1em ; text-decoration: none ; display:block}
    a:hover {color: black; text-decoration: none; background-color: #8B814C}
    a:active {color: Firebrick }
    p {text-align:justify }
    h1 {color:#8B814C; text-decoration:underline}
    #logo {width: 140px;float:left;margin-top:10px}
    #bienvenida {background-color: DarkOliveGreen; width: auto;float:right;margin-top:10px;margin-right: 3px}
    • neiklot87 · · Solicitar retirada
    ya, jeje, es que ya lo solucioné hace tiempo, al final quité el borde y modifiqué bastantes cosas y ya se veia bien. Gracias iwalmente. Saludos!!