[Ovillo] footer, en ie, resoluciones varias

Mie Sep 6 04:26:25 UTC 2006

Hola, este es el tercer mensaje que mando por el mismo tema, por favor
necesito ayuda urgente!!!, desde ya agradezco las repuestas . No se si es
que hay problemas en la lista...o que, de todas formas gracias a los que
contestaron, pero no me aclararon nada o yo soy muy torpe  :(
Muchas gracias
Alejandra

04-09-06
Hola lista!! Por favor si me pueden responder pronto lo agradecere
Tengo unas dudas:

Tengo un <div id="pie">texto aqui y enlace</div>
en FF y Opera se ve, pero en IE, me corta la pagina en el ultimo menu y no
aparece el pie, este div lo tengo en un div general que engloba toda la
pagina y esta inmediatamente bajo el ultimo menu de navegacion
como lo puedo arreglar?

Otra cosa, la pagina la diseñe para 800*600 (es la clasica no?) y en
1024*768 me deja un gran espacio vacio a la derecha,  me gustaria que se
viera en la mayor cantidad de resoluciones posibles
que debo agregar?

esta es la direccion:
http://members.libreopinion.com/ar/judithg/index.html

y este es el codigo

05-09-06 lo envie:

Tal vez resulte engorroso, porque es un poco largo, seguramente encontraran
errores de todo tipo, soy novata :)
Este es el codigo adeudado, sorry:

HTML:

<div id="general">
<div id="banner">
aqui todos los datos del banner
</div>
<div id="division">
<img alt="linea" src="lineadivision.jpg" height="7"
width="20"</a></li></div>
<div id="menu">
<ul>
  <li><a href="">Inicio</a></li>
  <li><a href="">Habitaciones</a></li>
  <li><a href="">Servicios</a></li>
  <li><a href="">Fotos</a></li>
    <li><a href="dir email">Contacto</a></li>
</ul>
</div>
<div id="contenido">
<h3>Titulo de parrafo</h3>
<p>parrafo con <br>.</p>
</div>
<div id="fotos">
<div id="menufotos">
             <ul>
<li><a href=" recepcion1.jpg">
<img alt="Recepción" src="recepcion1_small.jpg" height="75"
width="100"</a></li>
<li><a href="confiteria1.jpg">
<img alt="Confitería" src="confiteria1_small.jpg" height="75"
width="100"</a></li>
<li><a href="lobby.jpg">
<img alt="Lobby" src="lobby_small.jpg" height="75" width="100"</a></li>
<li><a href="depto5personas.jpg">
<img alt="Habitaciones" src="depto5personas_small.jpg" height="75"
width="100"</a></li>
      </ul>
</div>
  </div>
<div id="menuabajo">
<ul>
  <li><a href="">Inicio</a></li>
  <li><a href="">Habitaciones</a></li>
  <li><a href="">Servicios</a></li>
  <li><a href="">Fotos</a></li>
    <li><a href="mailto:dir correo">Contacto</a></li>
</ul>
</div>
<div id="divisionabajo">
<img alt="linea" src="lineadivision.jpg" height="7"
width="20"</a></li></div>
<div id="pie"> ESTE PIE NO ME LO TOMA
<p>INFORMACION</p>
<p>Diseñado   por: <a href="mailto:dir correo"></a></p></div>
</div>
</div>
</body>
</html>

CSS:

#banner{margin:0; padding:0; width:780px; height:270px; color:black;
        position:absolute; z-index:0; top:2px; left:5px;}

#division{width:20px; height:7px;position:relative;
          background-image:url(lineadivision.jpg); backgound-repeat:index-x;
                    padding:1px; width:740px;height:7px; float:left;
                    left:15px; top:275px;}

#menu ul {
position:relative; top:275px; left:115px;
padding:0;
margin:0;
list-style:none;
width: 545px;
height: 20px;
float: left;
background:#d39153;
}

#menu li {
margin:3px;
padding:1px;
position:relative;
display:block;
float:left;
width:100px;
font-size:17px;
font-style:italic;
}

#menu a {
    text-decoration:none;
    font-style:bold;
    color:#FFFFFF;
    }

#menu a:link, #menu a:visited {
display:block;
float: left;
width:100px;
padding: 1px;
text-decoration:none;
text-align:center;
color: #000;
background-color: #b67369;}

#menu ul li a:hover, #menu ul li a:active{
color: #F30;
background-color: #CCC;
height: 20px
}

#general {width:780px; height:740px;}

#contenido{background-image:url( fondodiv1a.jpg);padding:0; width:470px;
           height:400px; float:right; position:relative; left:-20px;
top:300px;}

#fotos{background-image:url(fondodiv2a.jpg);padding:0px; margin-top:0px;
      margin-left:0px; margin-right:5px; height:400px; float:right;
            position:relative; left:-80px; top:300px; width:199px;
text-decoration:none;}

#divisionabajo{width:20px; height:7px;
          background-image:url(lineadivision.jpg); backgound-repeat:index-x;
                    padding:0; width:740px;height:7px; float:left;
position:relative;
                    left:15px; top:290px;}

#menuabajo{position:relative; top:318px; left:75px;
padding:0;
margin:0;
list-style:none;
width:600px;
height: 20px;
float: left;
}

#menuabajo li {
margin:3px;
padding:1px;
position:relative;
display:block;
float:left;
width:100px;
font-size:17px;
font-style:italic;
}

#menuabajo a {
    text-decoration:none;
    font-style:bold;
    color:#FFFFFF;
    }

#menuabajo a:link, #menuabajo a:visited {
display:block;
float: left;
width:100px;
padding: 1px;
text-decoration:none;
text-align:center;
color: #000;
}

#menuabajo ul li a:hover, #menuabajo ul li a:active{
color: #F30;
background-color: #CCC;
height: 20px
}

#menufotos ul {
position:absolute; z-index:1; top:25px; left:47px;
padding:0;
margin:0;
list-style: none;
width: 100%;
height: 20px;
float: left;}

#galeria{background-image:url( fondodiv3.jpg);padding:0; width:600px;
           height:400px; float:left; position:relative; left:70px;
top:300px;}

#menugaleria ul{position:absolute; top:60px; left:100px;
padding:0px;
margin:0px;
list-style:none;
width: 500px;
height: 20px;
float: left;
}

#menugaleria li {
margin:5px;
padding:3px;
position:relative;
display:block;
float:left;
width:25%;
}

#pie{margin:2px; padding:2px; width:680px; height:50px; position:relative;
      top:300px; left:25px; font-size:90%;
         font-style:bold; float:left;}

body{background-color:#d39153; color:#000000; margin:0; padding:0;}

h3{
   margin:3; padding:10; border:0; text-align:left;
   width:100%; height:10%; position:absolute; top:20%;
     }
h4{margin:3; padding:10; border:0; text-align:left;
   width:100%; height:10%; position:absolute; top:20%;}
p{
  text-align:left; style-text:light-bold; position:relative; top:35%;
left:5%;
    }

-- 
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
Todos los excesos son malos
Juzga tu exito, en relacion a lo que
tienes que renunciar para ello
Confia en Dios, pero cierra bien la puerta
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.