Entrar

mi fondo no se ve igual

cr1s · · Solicitar retirada
Saludos, ahora mi problema no es la gran cosa pero es problema, mi fondo se ve muy abajo en internet explorer y muy arriba en firefox, como lo arreglo?
te dejo mi html y mi hoja de estilos.

esta es la hoja de html

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

<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css"
media="all">
</head>
<body>

<p class="centrado">Bienvenidos a mi página web. Muy pronto estará lista</p>
<p class="centrado">[contenido no disponible]</p>
<p class="centrado">Página creada gracias a CCTW</p>
<p class="centrado">[correo eliminado]</p>
</body>
</html>

Y este es mi hoja de estilos

body {background-color: #E6E6FA ;
background-image: url(objetos/fondo.jpg) ;
background-repeat: no-repeat ;
background-position: center center}
img {border-style: none}
.centrado {text-align: center}
Yaneth · · Solicitar retirada
hola

pasa este detalle
cuando llegues al punto de subir tu web, nos das la url para verlo

saludos
cr1s · · Solicitar retirada
ya terminé el curso ayer y como dice el curso, cambié el index por la plantilla para que fuera así la página principal, pero tengo otro problema, resulta que en mi HTML Kit se ve bien todo pero accedo con mi explorador a mi web y no se ve el logotipo ni las imágenes de fondo del menú.

Esta es mi web: http://minuevowebsite.atwebpages.com

y te dejo mi codificación html de la index.html

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

<html>
<head>
<title>Pagina oficial de la banda</title>
<link rel="stylesheet" href="estilo-general.css"
type="text/css" media="all">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
  • Portada
  • Historia
  • Discografía
  • Conciertos
  • Descargas
  • Foro
  • Souvenirs

    </div>
    <div id="contenido">
    <h1>Bienvenidos a la pagina oficial de la banda</h1>


    Este es mi segundo párrafo.
    Acabo de poner un punto y en cambio sigue siendo un párrafo.
    Voy a ponersela justo aquí.</p>
    <h2>Y este es el tercer párrafo.</h2>


    En pocas lecciones aprenderé a darle margenes para separarlos unos de otros,
    e incluso hacerles sangrias por la izquierda a la primera linea,
    queda mucho mejor.</p>


    Anda, fijate! Salen todos centrados, que cosa.
    Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados.
    Así esto parece una poesía! je je je.</p>
    </div>
    <div id="pie">
    <div id="pieuno">
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan
    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
  • Directorio
  • TopSite
  • Mapa de la Web
    </div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    y mis estilos son estos:

    * {text-indent: 0px ; margin: 0px ; padding: 0px ; border: 0px}
    p {text-align: justify}
    h1 {font-size: 1.2em ; color: blue ; font-weight: bold ;
    text-decoration: underline ; text-align: center}
    h2 {font-size: 1.1em ; color: blue ; font-weight: bold ;
    text-decoration: none ; text-align: center}
    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: 85px}
    #logotipo {width: 280px ; float: left}
    #publicidad {width: 518px ; float: right ;
    margin-top: 25px ; font-size: 16px}
    #navegacion {background-color: gray ; border: black 1px solid ; height: 20px}
    #navegacion li {float: left ; list-style: none ; margin: 0px 20px 0px 20px}
    #navegacion ul {margin-left: 60px}
    #contenido {background-color: orange ;
    border-left: black 1px solid ; border-right: black 1px solid}
    #contenido p {padding: 5px 10px 0px 10px ; text-indent: 15px}
    #menu {width: 150px ; float: left ;
    text-align: left ; margin: 3px 10px 3px 3px ;
    background-image: url(objetos/menu-parte-inferior.gif) ;
    background-position: bottom ; padding-bottom: 5px}
    #menu li {list-style: none ; margin: 4px 8px 4px 6px}
    #menu h1 {text-decoration: none ; font-size: 12px ; padding-top: 12px ;
    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 {float: left ; width: 150px}
    #piedos {float: left ; width: 498px}
    #pietres {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: brown ; text-decoration: none ; display: block}
    a:link {}
    a:visited {}
    a:hover {color: red ; text-decoration: underline ; background-color: silver}
    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

    Además que cuando accedo a mi página, me dice que tiene un virus