pie, no se que pasa

Esta es mi pagina: http://anahp.ueuo.com/

No se que le pasa al pie, que la parte derecha se queda mas bajo. Si podeis decirme cual es el fallo, os lo agradeceria.

gracias

aniki1982 escribió:Esta es mi pagina: http://anahp.ueuo.com/

No se que le pasa al pie, que la parte derecha se queda mas bajo. Si podeis decirme cual es el fallo, os lo agradeceria.

gracias

Hola aniki: así mirándo tu página se ve (por lo menos yo) que la imágen curva está "cortándo" la capa a la derecha, sería bueno que revisaras las medidas de la capa pie, te recomiendo una altura de por lo menos 65px para la capa pie al igual que los 498 px de ancho para piedos, y asegúrate de que la capa pie le has puesto el borde derecho, el izquierdo y el de arriba, y que tanto pieuno como piedos y pietres estén con float left, así como la imágen curva tenga el overflow:hidden. En algunas cosas el orden de los factores si altera el producto, muchas veces, aunque parezca ilógico puede que si le quitas por mientras los font size que le pusiste a pieuno y pietres para juntar más los enlaces y se los pones después de que la imágen "curva la hayas puesto bien, se te arregle el problema, y si no es así, entonces habrá que mirar más arriba pero solo mirándo la página es complicado si no se tiene la hoja de estilo para revisarla.
Saludos

Puedes probar tambien a cambiar esto, en la plantilla tienes esto:

<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

prueba a unir los

con el <ul>, es decir:

<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

Hola

el fallo es que
has metido la curva superior antes de cerrar el div pie

mira


<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

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

</body>
</html>

lo que debes hacer es ponerlo asi:

<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>

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


</body>
</html>

y te falta agregar el cierre de div de global justo antes del cierre del body

saludos

buenas, llevo unos dias dandole vueltas y no se que le pasa al pie de mi pagina...

http://anahp.ueuo.com/index.html

yo veo que la capa derecha esta mas baja que la izquierda
alquien sabria ayudarme??

Hola

no te han servido las soluciones que te hemos dado????

saludos

no, yaneth

he hecho lo que decias y no cambia, y tambien lo que decia novato.. pero nada

Pues la verdad no vi ningun error en el pie de pag, la visualice en internet explorer

pues nose, pero yo tambien tengo internet explorer, y veo en el pie, en la capa derecha, las letras mas bajas que las de la izquierda

muchas gracias de todas formas

Uhm si cierto, ya vi el error, en estos dias me paso eso mismo pero no recuerdo q hice, lo siento. :D

Aunq me fije y creo q no cerrast la capa global como t dijo yaneth

Agregale </div> antes del </body>

para q t qde asi:

</div>
</body> 
</html> 

aniki1982 escribió:Esta es mi pagina: http://anahp.ueuo.com/

No se que le pasa al pie, que la parte derecha se queda mas bajo. Si podeis decirme cual es el fallo, os lo agradeceria.

gracias

Hola:
Quería comentarle, lo primero es que he notado que en su hoja de estilo, donde ha puesto las propiedades de H2 tiene puesto (font.size) y creo que debiera de ir con un guión medio, por ejemplo: font-size.
También deseaba comentarle que una vez tuve ese problema (aunque realmente puede ser cualquier cosa que lo esté generando) pero lo solucioné "jugándo" un poco con las familias de fuentes (quitándosela, para ver que pasaba y revisando en que momento me generaba ese problema, o volver a ponerlas, y revisar nuevamente, ya que parece ser entraban en conflicto con las fuentes que utilizan los enlaces, por la cuestión de heredad. También "jugándo" un poco con el padding o el margin de la capa contenido. En realidad la razón es una pero puede tener muchas variables.
Saludos
Disculpe lo extenso del comentario.

muchas gracias por las respuestas, ya averiguaré que le pasa al pie.

Ya le agregaste el cierre a global??????

Hola Ana para mi que hay espacios entre las etiquetas <ul> y pie uno, etc
quitales todos los espacios. Me parece que es eso, no se ven se tienen que comprobar en el programa quitando espacios lo veras
saludos de Pedro

no hay espacios pedro

gracias

y Yaneth , ya puse el cierre de global, gracias, no me habia dado cuenta, de todas formas no cambia nada.. :? pero bueno, gracias

Ana en tu pagina has puesto un div de mas antes del
div navegacion por eso te sale el contenido fuera del margen

Creo que deberías probar agregando un </div> luego de:

<div id="pie"><div id="pieuno"><ul>

Foro Ejemplo

Contactos

Nos Enlazan</div>
<div id="piedos">pie dos</div>
<div id="pietres"><ul>

Directorio

TopSite

Mapa de la Web</div>
</div>

En mi pagina hay tres:

</div>

Por eso te lo digo.
Recordá: después de los dos últimos </div>

Aunque no se si funcionará... :?:

pues no, no lo soluciona

aniki1982 escribió:Esta es mi pagina: http://anahp.ueuo.com/

No se que le pasa al pie, que la parte derecha se queda mas bajo. Si podeis decirme cual es el fallo, os lo agradeceria.

gracias

Hola:
A la capa contenido le he añadido un border-bottom de 1px y le puse un margin-bottom de 5px para separarla de la capa pie y así dejar la capa pie separada y poder revisarla, luego le he puesto a la capa piedos un float:left y a la capa pietres también un float:left o sea, la capa pieuno, la capa piedos y la capa pietres todas tienen un float-left.
También le he quitado espacios en las directivas de la hoja de estilo en algunas capas como por ejemplo:
#contenido {background-color: orange ; border-left: black 1px solid etcétera, etcétera. Y la he dejado así
#contenido{background-color:orange;border-left:black 1px solid etcétera. Quiero decir que hay algunas directivas y valores que soportan los espacios y otras no.
Al pie, le he quitado el text-align:center
Y al pie LI le he agregado un padding-right:3px para que el fondo del hover o la sombra, como quiera llamársele se separe tres píxeles del borde de la capa derecha.
A la capa #contenido P{} le he cambiado el margin 5px 10px 0px 10px por un padding de 5px 10px 5px 10px .
A la capa navegación le puse un height de 30px.
A la capa navegación LI le puse un margin de 0px 15px 0px 15px.
A la capa navegacion UL le puse un margin-left de 20px
Luego ya le he quitado a la capa contenido el border-bottom y el margin-bottom que le había puesto anteriormente para separarlas y poder trabajarlas, al quitárselas han vuelto a juntarse y han quedado bien.
He visto en el I.E. y los enlaces se han arreglado, solo que queda una pequeña separación entre la capa pie y la curva inferior, (ya se arreglará después)
En el Firefox, también se arreglaron los enlaces, solo que la curva inferior aparece mas desplazada a la izquierda, (que también se arreglará).
Saludos

aniki1982 escribió:Esta es mi pagina: http://anahp.ueuo.com/

No se que le pasa al pie, que la parte derecha se queda mas bajo. Si podeis decirme cual es el fallo, os lo agradeceria.

gracias

Hola aniki1982:
No estoy muy seguro si le gustará el arreglo que he hecho de su página pero si quiere verla puede abrir su navegador y poner http://comoser.myartsonline.com Después que abra esa página , pinche en la imágen y se le abrirá otra página, y en un menu del costado izquierdo de esa página pinche en donde dice Pagina-dos, y se le abrirá la página que quería usted arreglar, para ver el código fuente de su página, vaya a la barra de herramientas arriba en el navegador y donde dice "VER" haga click y en el desplegable que se abra elija "código fuente", y verá los cambios que hice en el html. Para ver la hoja de estilo que corresponde a esa página ponga arriba en el navegador http://comoser.myartsonline.com/pagina-dos.css y le da a Intro o a la flecha que hay a la derecha donde dice "ir".
Si le interesa ese arreglo puede copiar tanto el código fuente como los códigos de la hoja de estilo, si no le interesa, me lo dice por favor para eliminar la página del servidor.
Saludos
PD
Puede que los mas expertos tengan una solución mejor y ya le ayudarán.

Muchas gracias Raulyure !!

ya copie el codigo, y ya revisare lo que hace que me salga mal el pie.
De nuevo, gracias

raulyure, probre en cambiar lo que me dijiste en tu pagina, y la verdad es que me quitó el error que tenia del margen, pero ahora no se ve la imagen final, la curva inferior :cry:

aniki1982 escribió:raulyure, probre en cambiar lo que me dijiste en tu pagina, y la verdad es que me quitó el error que tenia del margen, pero ahora no se ve la imagen final, la curva inferior :cry:

Hola:
Esto es lo que hice en la hoja de estilo, solo que las curvas que le puse tanto la superior como la inferior, en mi carpeta "objetoss" se llaman "curva-superior.gif.gif", usted tiene que poner la suya, y mi curva inferior se llama "curva inferior.gif" y mi carpeta donde guardo las imagenes se llama "objetoss", usted debe poner el nombre de la suya
*{text-indent:0px;margin:0px;padding:0px;border:0px}
p{text-align: justify;font-family:verdana}
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}
img{border-style:none}
body{text-align:center}
#bordes{background-color:#FFFFFF;width:800px;margin:4px auto;}
#curva-superior {background-image: url(objetoss/curva-superior.gif.gif);background-repeat: no-repeat;width: 800px;height:12px;overflow: hidden }
#global{width:800px;margin:auto}
#cabecera{background-color:white;height:80px;border-right:black 1px solid;border-left:black 1px solid;}
#logotipo{float:left;width:270px;height:80px}
#publicidad{float:left;width:528px; margin-top:25px;font-size:16px}
#navegacion{background-color:yellow;border:black 1px solid;height:30px}
#navegacion li{float:left;list-style:none;margin:0px 15px 0px 15px}
#navegacion ul {margin-left:20px}
#contenido {background-color: orange;height:500px;border-right:black 1px solid;border-left:black 1px solid;}
#contenido p {padding:5px 10px 5px 10px;text-indent:30px}
#menu{background-color:orange;width:150px;float:left;text-align:left;margin:3px 10px 3px 3px;background-image: url(objetoss/menu-parte-inferior.gif);background-position: bottom;padding-bottom:5px }
#menu li{list-style:none;margin:4px0px4px6px }
#menu h1 {text-decoration:none ; font-size:12px;background-image: url(objetos/menu-parte-superior.gif)}
td {font-family:verdana,arial; font-size:8pt}
.estilotabla{ background-color:ffffff; border-style:solid; border-color:666666; border-width:1px}
.estilocelda{ background-color:ddeeff; color:333333; font-weight:bold; font-size:10pt}


#pie{background-color:white;border-top:black 1px solid;border-right:black 1px solid;border-left:black 1px solid;height:70px;}
#pie li {list-style:none;font-size:12px }
#pieuno {float:left;width:150px }
#piedos {float:left;width:498px }
#pietres {float:left;width:150px }
#curva-inferior{background-image:url(objetoss/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden;}
a {color:red;text-decoration:none;display:block }
a:link {}
a:visited {}
a:hover {background-color:#fbf1f1}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color:orange}
#pie a:active {color:black}
#logotipo a{}
#logotipo a:link{}
#logotipo a:visited{}
#logotipo a:hover{background-color:white;}
#logotipo a:active{}
.
Y esto es lo que hice en la página html, he revisado (rápidamente) y se sigue viendo bien (tanto viéndo la página desde mi ordenador como en otros), los TH que puse en la tabla, eran solo una prueba, puede poner los que usted tenía.
<body>
<BGSOUND src="rehab.mp3" loop="infinite">
<div id="bordes">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">

<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>

<div id="navegacion">
<ul>

Rio San Pedro

Carnaval Cádiz

Semana Santa Cádiz

Cadiz CF

Protección animales


</div>

<div id="contenido" align="center">
<H1 align="center">Bienvenidos a mi página Web.</H1>



Aún hay algunas partes en construcción. </p>



Elige una de estas 5 categorias.</p>

<TABLE border="0" width="750">
<TR>

<TH>[contenido no disponible]</th>
<TH>[contenido no disponible]</th>
<TH>[contenido no disponible]</th>
<TH>[contenido no disponible]</th>
<TH>[contenido no disponible]</th>
</TR>
</TABLE>


Este es el arreglo hasta ahora de lo que he podido hacer con su p&aacute;gina</p>


Creo que teoricamente se ve bien, hasta el momento</p>


Lo del pie se reslovi&oacute; parece ser satisfactoriamente</p>


Si es posible, vea si est&aacute; bien, ya que pronto la retiraré as&iacute; que si desea copiar
los c&oacute;digos, puede hacerlo</p>
Contador de la Web [contenido no disponible]

</div>



<div id="pie">
<div id="pieuno"><ul>

Foro Ejemplo

Contactos

Nos Enlazan</div>
<div id="piedos">pie dos</div>
<div id="pietres"><ul>

Directorio

TopSite

Mapa de la Web</div>
</div></div>

<div id="curva-inferior"></div>
</div>
</div>
</body>
</html>
Si usted a escrito estos códigos en su página y en su hoja de estilo, imagino que debiera de verse bien, aunque a veces hay que "jugar" un poco de que cosas hace uno primero, por ejemplo, Alguna vez en alguna página de mi web, la curva inferior se me quedaba desplazada a la izquierda, y yo veia que todo estaba bien, incluso tenía puesto el overflow hidden, pues se me ocurrió quitar el overflow hidden y volver a escribirlo, y "por arte de magia se arregló", se lo digo porque muchas veces ponemos todo muy bien, pero como le digo , hay que "jugar un poco con los códigos".
Saludos