Hola Sureña,
hacé ctrl-u en FF y vas a ver una muy posible causa de tu problema en 
rojo... varias veces.

Saludos,
Pablo


Sureña wrote:
> 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%;
>     }
>
>
>   

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a