Entrar

Pie de Pagina Imposible con Firefox

elpoly21 · · Solicitar retirada
Hola a todos:

eh seguido paso a paso el curso de como crear tu pagina y debo felicitarlos por tan buen curso. pero mi problema es el siguiente, no logro encuadrar el pie de pagina en IE,Firefox y Opera cuando lo corrijo en uno se desacomoda en el otro, logre que se encuadrara dandole una height exagerada e la capa pie de esta manera se ve bien en Firefox y en opera pero en IE se crea un espacio gigante en la capa pie. pido ayuda al foro a ver si alguin puede dar en la tecla gracias.

mi pagina: http://cablemodem.fibertel.com.ar/mpinformatica
elpoly21 · · Solicitar retirada
les dejo los codigos.
.css

<link rel="stylesheet" href="estilo_general.css" type="text/css" media="all">

* {margin:0px ; padding:0px ; border: 0px}
.centrado {text-align:center}
p {text-align: justify}
h1 {font-size: 1.2em; color:#473C8B ; 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:#EEEED1; background-image: url(objetos/fondo.gif) }
img {border-style: none}
#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 : 150px }
#logotipo { width:280px ; float:left ; padding: 5px 10px 5px 10px}
#publicidad { width:280px ; float:right ; margin-top:25px}
#segunda {widht:191px ; float : top ; background-color: white }
#dolar {widht:100px; float : bottom ; background-color: white}

#navegacion {background-color: #000080 ; border: black 1px solid ; height : 20px }
#navegacion li {float:left; list-style:none ; margin: 0px 20px 0px 30px }
#navegacion ul { margin-left: 10px ; margin: 0px }

#contenido {background-color: #F5F5F5 ; width: 800px ; float:left ; border-left: black 1px solid ;
border-right: black 1px solid ; height : 0px auto }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px }

#menu {background-color: white ; width: 150px ; float:left ; text-align: left ; margin: 10px 10px 5px 5px ;
background-image: url(objetos/menu-parte-inferior.gif);background-position: bottom ; padding-bottom: 25px }
#menu h1 {text-decoration:none ; font-size:10px ; background-image: url(objetos/menu-curva-superior.gif)}
#menu li { list-style:none}
#hard {float:left; text-align: left ; margin: 10px}
#hard h1 {text-decoration: none ; text-align: left}


#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid ; height : auto ; widht: 800px }

#pieuno {background-color: white ; float:left ; width:199px }
#piedos {background-color: white ; float:left ; width:400px ; font-size:12px ; margin:10px 0px }
#pietres {background-color: white ; float:left ; width:199px ; color:#473C8B ; font-size:12px ; margin:10px 0px 0px 0px;text-align: left }




#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ; width:800px ;
height: 12px ; overflow: hidden ; float: bottom}



a {color: orange ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:blue ; text-decoration:underline ; background-color: silver}
a:active {}

#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

#publicidad a {}
#publicidad a:link {}
#publicidad a:visited {}
#publicidad a:hover {background-color: white }
#publicidad a:active {}

#pieuno a {}
#pieuno a:link {}
#pieuno a:visited {}
#pieuno a:hover {background-color: white }
#pieuno a:active {}

#hard a {color:black ; text-decoration: none ; }
#hard a:link {}
#hard a:visited {}
#hard a:hover {background-color: white }
#hard a:active {}


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

<html>
<head>
<title>M&P Informatica</title>
<link rel="stylesheet" href="estilo_general.css" type="text/css" media="all">
<META NAME="Title" CONTENT="M&P Informatica: Hardware, computadoras, impresoras , insumos, discos">
<META NAME="Author" CONTENT="M&P Informatica">
<META NAME="Subject" CONTENT="Computacion">
<META NAME="Description" CONTENT="Venta de componentes de computacion, insumos, notebooks,impresoras,hardware,Computadoras y Servidores Redes Grabadoras y CD´s Multimedia Palms y Handhelds Monitores y Proyectores Periféricos y Accesorios Otros Componentes Procesadores Notebooks y Accesorios Discos Rígidos y Removibles Motherboards Impresoras Software Servicios Modems Cartuchos y Toner Placas de Video y Editoras Alimentación Scanners ">
<META NAME="Keywords"CONTENT="Computación, Computadoras, Servidores, Redes, Grabadoras, CD´s, Multimedia, Palms, Handhelds, Monitores, Proyectores, Periféricos, Accesorios, Otros, Componentes, Procesadores, Notebooks, Accesorios, AMD, Duron, Athlon, Pentium, /, MMX, Pentium, 4, Pentium, III, Pentium, II, Celeron, AMD, K6, Hasta, 586, Cables, Redes, Inalámbricas, (Wireless), Routers, Placas, de, Red, Hosting, y, Dominios, Fichas, y, accesorios, Switches, Hubs, Grabadoras, de, DVD, Grabadoras, Internas, Grabadoras, Externas, CD´s, vírgenes, DVDs, Vírgenes, Cajas, sobres, y, Porta, CD´s, Web, Cams, Parlantes, y, Micrófonos, CD-Rom, Placas, de, Sonido, Dvd, Rom, Palm, Compaq, iPaq, subastas, subasta, comprar, vender, compra, venta phonemark, argentina, impresoras, multifuncion, discos, disco, hd, cd, dvd, compupartes, redes, wi-fi, wifi, wireless, access-point, routers, router, insumos, consumibles, cartuchos, cartridges, tintas, laser, toner, memoria, memorias, ramm, dimm, simm, ddr2, gabinetes, teclados, cables, conectores, laserjet, procesadores, microprocesadores, micros, microsoft, intel, amd, celeron, core2, sempron, athlon, trv, atomlux, estabilizadores, mouses, westerndigital, wd, athlon, maxtor, seagate, epson, soyo, imation, sony, pioneer, antivirus, toshiba, lexmark, genius, hewlett, packard, hp, verbatim, aopen, 3com, viewsonic, samsung, kingston, lg, goldstar, lge, philips, novatech, valueram, mp3, mp4, webcams, camaritas, camaras, digitales, benq, creative, telefonia, telefonos, panasonic, canon, computacion, cnet, servex, aerosoles, limpiadores, norton, bafles ,parlantes, edifier, feather, noganet, tango, intellinet, encore, hubs, switchs, switch, cables, utp, amp, testeadores, coolers, placas, informatica, lcd, editoras, video, dvdrw, encore, creative, lectoras, floppys, alianca, neon, expert, scanners, motherboards, asus, smc, mother, cpu, multimedia, soundblaster, impresora, impresoras, fiscales, epson, stylus, hasar, online, geforce, agp, pciexpress, pcmcia, akira, pinnacle, networking, resmas, sobres, papeles, transparencias, shopping, ecommerce, pendrive, sd, usb, panda, micronet, codegem, noga, smc, plasma,amd,intel,impresoras,monitor,cpu,motherboards,microprocesador,dvd,cd,opticos,video,audio,perifericos">
<META NAME="Generator" CONTENT="html">
<META NAME="Language" CONTENT="Spanish">
<META NAME="Revisit" CONTENT="2 days">
<META NAME="Distribution" CONTENT="Global">
<meta NAME="ROBOTS" CONTENT="INDEX,FOLLOW,ALL">
<meta name="GOOGLEBOT" CONTENT="index follow">
<meta name="distribution" content="Global">
<meta name="rating" content="General">
<meta name="copyright" content="(c) www.mypinformatica.com.ar">
<meta name="author" content="M&P Informatica">
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script><script type="text/javascript">_uacct = "UA-89876-1"; urchinTracker(); </script>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function popUp(URL){day=new Date();
id=day.getTime();
eval("page" + id + "=window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=650,height=500,left=70,top=120');");}
// End -->
</script>


<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">
<div id="segunda">
<a href="http://www.segundamano.com.ar/tienda.aspx?idCliente=9006000015354&I…"target="_blank">
[contenido no disponible]
</a></div>


<div id="dolar">
[contenido no disponible]<td width="21%" height="1">
</div>



</div>
</div>

<div id="navegacion">
<ul>
  • Condiciones de Venta
  • Condiciones de Envio
  • Garantias y RMA
  • Nuestra Empresa

    </div>
    <div id="contenido">
    <div id="menu">
    <h1>Menu Principal</h1>
    <ul>
    Conectividad
    Gabinetes
    Discos Rigidos
    Impresoras
    Memorias
    Monitores
    Motherboards
    Notebooks
    Opticos
    Perifericos
    Procesadores
    Video
    Presupuestos


    </div>

    </div>
    <div id="pie">
    <div id="pieuno">
    <a href="mailto:[correo eliminado]">
    [contenido no disponible]
    </a></div>



    <div id="piedos">
    <p class="centrado"> <h1>M&P Informatica</h1>
    Capital federal - Argentina</br>
    Tel 4581-2641 / 15-5049-7749</br>
    [correo eliminado]</br>
    Lun. A Vie. 10:00 Hs a 18:00 HS Sab. 10:00 Hs a 12:30 Hs    </p>
    </div>


    <div id="pietres">

    <h1>Recibi nuestras ofertas ingresando tu e-mail</h1>

    <form method="POST" action="http://forms.melodysoft.com" target="_new">
    <input type="text" name="Ingreso de e-mail" size="25"> <input type="submit" value="Enviar">
    <input type="hidden" name="id" value="ingresamail"> </form>



    </div>

    </div>


    <div id="curva-inferior"></div>
    </body>
    </html>
    • nekako · · Solicitar retirada
    hola
    oye y si pruebas a poner el div

    <div id="curva-inferior"></div>

    dentro del div
    <div id="pie">
    ojala te ayude
    suerte!
    elpoly21 · · Solicitar retirada
    NO se arregla el opera y el IE se encuadran, pero quedan las puntas y se pierde el redondeado del pie, y el firefox no hay caso.

    gracias por tu respuesta
    nekako · · Solicitar retirada
    creo que tienes que cerrar el 
    <div id="global">
    mmm
    seguire en busca de errores
    suerte!!!
    elpoly21 · · Solicitar retirada
    Cerre la capa gloval con </div> de todas formas siguen los problemas.
    si le cambio el height a la capa pei por un valor alto (500px) se encuadra tanto el opera como el firefox y funcionan bien pero el IE me queda con la capa pie ENORME
    elpoly21 · · Solicitar retirada
    por si a alguien le sirve lo logre solucionar cambiando esto:

    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ; width:800px ;
    height: 12px ; overflow: hidden ; float: bottom}


    cambie el float :bottom por left y se acomodo en Firefox y en Opera y quedo igual en IE