Regresar a la página ComoCrearTuWeb.com
Resultados 1 al 2 de 2

Tema: Problema con los margenes en mozilla

  1. #1
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    24 abr, 09
    Mensajes
    2
    Poder de Reputación
    0

    Problema con los margenes en mozilla

    Hola:
    Esta es mi pagina
    http://coltruck.atwebpages.com
    He puesto un margen en el texto de la division contenido. En internet explorer, se ve perfecto, pero mozilla toma el margen de arriba como si se lo hubiera dado a la division y no al contenido.

    Esta es mi lista de estilo:
    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ;
    text-align: center}
    h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
    text-align: center}
    body {text-align: center ; background-color:#8B0000}
    body {background-image: url() ; background-repeat: no-repeat ;
    width: 800px ;
    height:900px ; overflow: left }
    #global {width:800px ; margin:4px auto }

    #cabecera { color:white ; background-image: url(objetos/curva-cabecera.JPG) ; width: 800px ; height:193px ; background-position: top ; margin: 5px 0px 0px 0px}
    #lema {width:230px ; height:160px ; margin: 5px 5px 5px 5px ; background-color: ; float:left}
    #lema h1 {font-size:24px ; color:silver ; margin: 20px 0px 0px 0px ; text-align:center}
    #lema h2{font-size:14px ; color:black ; margin: 0px 0px 15px 0px ; text-align:center}
    #logo {width:240px ; height:160px ; margin: 5px 5px 5px 5px ; background-color: ; float:left}
    #logo h1 {font-size:17px ; color:red ; margin: 10px 60px 0px 0px ; text-align:center}
    #logo h2 {font-size:17px ; color:black ; margin: 0px 60px 0px 0px ; text-align:center}
    #navegacion {background-color:g ;height:30px ; margin: 10px 0px 10px 0px ; text-align: center}
    #mision li { color:white ; background-image: url(objetos/barra.JPG) ; height:30px ; width:360px ; float:left ; list-style:none ; margin: 0px 50px 0px 5px ; text-align: center}
    #vision li { background-image: url(objetos/barra.JPG) ; height:30px ; width:360px ; float:left ; list-style:none ; margin: 0px 5px 0px 5px ; text-align: center}
    #mision h1 {margin: 5px 5px 0px 5px}
    #vision h1 {margin: 5px 5px 0px 5px}
    #contenido {margin: 5px 0px 10px 0px ; height:250px ; width:800px ; background-image: url(objetos/curva-con.JPG); background-position: botton }

    #contenido p {margin: 25px ; font-size:15px ; text-align: justify ; text-indent: 15px}
    #menu {margin: 25px 10px 3px 7px ; height: 200px ; width: 180px ; float:left ; text-align:left ; margin: 25px 10px 3px 7px ; background-image: url(objetos/menu.JPG) ; background-position: bottom ;padding-bottom:5px }
    #menu a {margin: 5px 0px 0px 0px ; font-size:13px ; color:gold ; text-decoration:none }
    #menu ul {list-style:none}
    #menu li {color:white ; text-align: center ; background-image: url(objetos/barra2.JPG) ; height: 25px ; width: 120px ; list-style: ; margin: 7px 5px 4px 31px }
    #menu h1 {color:silver ; margin: 0px 0px 10px 15px ; font-size:14px ; padding-top:12px ;
    background-image: url(objetos/menu-parte-superior.bmp) }
    #pie { height: 275px ; background-image: url(objetos/curva-pie1.JPG) }
    #pie li {list-style: none ; font-size: 12px }

    #pieuno li {color:white ; text-align: center ; background-image: url(objetos/barra2.jpg) ; height: 25px ; width: 120px ; list-style: ; margin: 15px 5px 4px 31px }

    #pietres li {color:white ; text-align: center ; background-image: url(objetos/barra3.jpg) ; height: 25px ; width: 180px ; list-style: ; margin: 15px 5px 4px 26px }
    #pieuno { height: 170px ; width: 180px ; float:left ;
    text-align:left ; margin: 105px 10px 3px 5px ;
    background-image: url(objetos/menu1.jpg) ;
    background-position: bottom ;
    padding-bottom:5px }
    #piedos {height: 275px ; float:left ; width:370px ; margin: 10px 0px 0px 0px }
    #pietres {background-image: url(objetos/pietres.JPG) ; height: 150px ; float:right ; width:220px ; margin: 10px 5px 10px 0px}

    #curva-inferior { background-image: url(objetos/curva-pie1.JPG) ; background-position:left bottom ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:290px }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    #pieuno a {margin: 5px 0px 0px 0px ; font-size:13px ; color:gold }
    #pietres a {margin: 5px 0px 0px 0px ; font-size:13px ; color:gold }
    #pie a {color: green ; 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}

    Alguien sabe que esta pasando?
    De ahi para abajo la pagina esta en construccion

  2. #2
    Esto empieza a ser un vicio... Habitante Avatar de manmanu
    Fecha de Ingreso
    28 ene, 07
    Mensajes
    1,026
    Poder de Reputación
    27
    Hola Claudiana;

    prueba a hacer esto para sacar tus conclusiónes;
    he de decirte que tienes varios errores que seguro que si lo observas mejor lo vas depurando.
    Para que tu contenido se centre en IE y firefox, prueba momentaneamente con estos cambios;

    elimina esto;
    body {background-image: url() ; background-repeat: no-repeat ;
    width: 800px ;
    height:900px ; overflow: left }


    Pon un </div>
    entre div y div ;
    </div>
    </div>
    </div>
    </body>
    </html>


    Este meta entre el head;

    <meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>


    Tienes propiedades vacias como;
    list-style: ;


    Miralo y seguro que lo arreglas.


    manmanu

Temas Similares

  1. Problema margenes navegador web
    Por goke en el foro Foro General
    Respuestas: 1
    Último Mensaje: 26/03/2013, 03:41
  2. Problema con los márgenes de los enlaces.
    Por duejuako en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 4
    Último Mensaje: 06/08/2011, 14:25
  3. problema con los margenes
    Por jovanotti en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 4
    Último Mensaje: 22/11/2010, 23:33

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •