Entrar

Necesito Ayuda!!!!

jontxi13 · · Solicitar retirada
He puesto estos codigo mientras estaba verificandolo en IE pero me he dado cuenta que en Firefox se ve muy descuadrado.


He leido que puede ser por los bordes y que el "width" lo tengo que poner en auto pero aun ais no lo veo bien en mozilla.


Si alguein me podria ayudar se lo agradeceria.







------------------
HTML
------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>RallyEuskadi</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior">
[contenido no disponible]
</div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">[contenido no disponible]</div>[contenido no disponible]


</div>
<div id="navegacion">
<ul>
  • Rallyes
  • WRC
  • F1
  • MotoGP

    </div>
    <div id="contenido">
    <iframe style="width:375px; height:70px; margin:5px;" frameborder=0 allowtransparency=yes scrolling=no src="http://search.digitalpoint.com/iframe.php?site=www.mi-sitio.com&b=1…"></iframe>




    </p>
    </div>
    <div id="pie"></div>
    <div id="curva-inferior">
    [contenido no disponible]
    </div>
    </div>
    </body>
    </html>
    --------------------------
    Estilo css
    --------------------------
    * {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 ; background-color:black }
    #global {width:1000px ; margin:4px auto }

    #curva-superior { width: 1000px ;
    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:20px 40px 0px 0px ; font-size: 16px ; }
    #navegacion {background-color: orange ; border: black 2px solid ; height:20px}
    #navegacion li {float:left; list-style:none ; margin: 0px 20px 0px 130px }
    #navegacion ul { margin-left: 100px }
    #contenido {background-color: silver ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:800px}
    #contenido p { margin:5px 5px 3px 5px ; text-indent: 15px }
    #fotuek { margin:50px 0px 0px 0px ; width:50px ; font-size:30px }

    #menu {background-color:orange ; width: 150px ; height: 200px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px ; background-position: bottom ; padding-bottom:5px ; border: black 2px solid }
    #menu li { list-style:none ; margin: 4px 8px 35px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ; margin-botton:5px }

    #pie { background-color: white ;
    border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid ;
    margin-top:0px}

    #curva-inferior { width: 1000px ;
    height:12px ;
    overflow: hidden ;
    margin-top:-5px }
    a {color: blue ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:blue ; text-decoration:underline ; background-color: orange}
    a:active {}
    • zonurb · · Solicitar retirada
    Revisa en la hoja de estilos, dice:

    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85 px}

    Deve desir :

    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:170 px}

    Debes cambiar el alto de la cabecera porque tu logo mide 170px de alto y no 85px

    :D
    jontxi13 · · Solicitar retirada
    zonurb escribió:Revisa en la hoja de estilos, dice:

    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85 px}

    Deve desir :

    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:170 px}

    Debes cambiar el alto de la cabecera porque tu logo mide 170px de alto y no 85px

    :D



    Gracias zonurb,lo he cambiado en el index y ahora lo tengo que hacer en todas las paginas.


    Si tengo alguna duda lo preguntare :wink:
    zonurb · · Solicitar retirada
    No es necesario que hagas los cambios en todas las paginas
    Si las demás paginas, son una copia del index ,es decir llevan el mismo logo en la cabecera entonces no tienes que hace nada
    Para esto cada página lleva la dirección de la hoja de estilos en el head

    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

    Para eso es la hoja de estilos para definir las características en todas las páginas a la vez como, color del texto, link , altura de divs ,etc..

    :lol:
    johnpeterjp · · Solicitar retirada
    Hola jontxi13, recuerda poner título descriptivo del problema en los post, o serán eliminados, según instrucción del jefe del foro. Gracias.