mi pagina descuadrada en mozilla.

mi pagian esta descuadrada en mozilla mientras que en IE se ve perfecta y en google chrome ya ni te digo.
La pagina es www.killiadictos.com
Como lo arreglo.

Bueno, tampoco se ve tan descuadrada, a mi me paso algo parecido, lo que tienes que mirar, es las alturas de las capas, sabes?? A veces sin darnos cuenta, ponemos capas dentro de otras, y las de dentro son mas grandes que las principales, por eso se descuadra, a veces, con solo quitar la altura de la capa interior, sobra, otras veces, hay que ir jugando con los números. Espero que te valga, un saludo.

os dejo la hoja de estilo a ver si sirve para aclarar algo mas.

* {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: none ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body        {text-align: center }
body {text-align: center}
#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: 85px }
#logotipo {background-color: white; width:280px; float: left}
#publicidad {background-color: white; width:518px; float: right; margin-top: 25px}
#navegacion {background-color: blue; border: black 1px solid; height:20px }
#navegacion li {float:left; list-style:none; margin: 0px 20px 0px 20px}
#navegacion ul {margin-left:180px}
#contenido {background-color: aquamarine; border-left: black 1px solid ; border-right: black 1px solid}
#contenido2 {background-image: url(objetos/tabla.png);background-repeat: repeat; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
#menu{background-color: yellow; width:150px; float:left; text-align:left ; margin: 3px 10px 3px 3px; background-image:url(objetos/menu-parte-inferior-2.gif); background-position: bottom; padding-bottom:5px }
#menu li{list-style:none; margin:4px 8px 4px 6px}
#menu h1{text-decoration:none;font-size:12px; background-image: url(objetos/menu-parte-superior-2.gif)}
#curva-superior5 { background-image: url(objetos/curva-superior5.gif) ; background-repeat: no-repeat; width:610px ;height: 10px; margin:10px 0px 0px 0px;overflow : hidden   }
#cuerpo {background-color: white; width: 610px ; float:right; margin:0px 10px 0px 10px;border-left: black 1px solid ; border-right: black 1px solid }
#cuerpo p {padding: 5px 10px 5px 10px}
#cuerpo li{text-align:left;margin:0px 0px 0px 10px}
#curva-inferior5 { background-image: url(objetos/curva-inferior5.gif) ;background-repeat: no-repeat ;width:610px ; low: 10px; margin:0px 0px 0px 168px;overflow : hidden  }
#pie {background-color: white; border-left: black 1px solid; border-right: black 1px solid; border-top: black 1px solid; height: 65px}
#pie li{list-style:none; font-size:12px}
#pieuno {float:left; width:150px}
#piedos {float:left; width:498px}
#pietres {float:left; width:150px}
#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: white }
#pie a:active  {color:black}
#curva-inferior { background-image: url(objetos/curva-inferior.gif); background-repeat: no-repeat; width:800px; height: 12px; overflow: hidden}
a: link {}
a:visited {}
a {color:blue;text-decoration:none; display:block}
a:hover {color:red; text-decoration:none}
a: active {}

hola como estas?? yo no recien empiezo con esto y tuve el mismo problema que vos aunque la tuya tan mal no esta... esta apenas descuadrada en la parte de arriba... si encuentro algo mal te digo...

te doy un consejo: usa el dreamweaver 8 que al principio es medio diferente al HTML-Kit pero te soluciona la vida jaja y en ocasiones futuras te recomiendo que hagas al reves: fijate que primero quede bien en firefox y despues corregis pequeños errores en el IE que es mas facil...

bue espero haberte ayudadoo saludoos

si te fijas el descuadre es visible arriba pero en la parte de abajo no respeta ni curva ni margenes ni nada de nada.

Yo creo que lo que tienes que hacer es arreglarlo barajando las cantidades de la opcion de anchura, vete modificandolas hasta que te cuadren. Espero que te sirva.

Hola a tod@s,

jesus benitez escribió:mi pagian esta descuadrada en mozilla mientras que en IE se ve perfecta y en google chrome ya ni te digo.

Tienes razón, tampoco está muy en su sitio.

Eterno problema de los navegadores, cada uno por su lado.

Permites te de un ajuste que te he hecho home.html, si notas diferencia lo comentas.


saludos manmanu

donde me has hecho la actualizacion?

jesus,

donde me has hecho la actualizacion?

Bueno no es ninguna actualización, solamente unos cambios que hacen que tú página, home.html se vea mucho mejor, en chrome,firefox, y opera.
Notaras cambios que he hecho, quizas me haya dejao algo en el tintero, pero a veces es complicado.

Yo te pongo debajo el código, pruebalo primero,
copialo a un archivo de texto, renombra el archivo de texto .txt por .html con el nombre que sea, y abrelo.
Si te va bién, echale un vistazo a los cambios que hice, y corrigelos en las otras plantillas.
Está el código CSS incluido en el html.

P.D. no está del todo terminado, seguro tendras que añadir algo, o quitar, por que para el ejmplo he necesitado hacerlo así, eso lte lo dejo a tí.

Bueno pruebalo y me dices, si ha mejorado;


saludos manmanu

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 

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

<style type="text/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: none ; text-align: center}
h2 {font-size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center;height:100%}
#global {width:800px ; margin: 4px auto}
#curva-superior { background-image: url([url]http://www.killiadictos.com/objetos/curva-superior.gif[/url]) ; 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: 85px }
#logotipo {background-color: white; width:280px; float: left}
#publicidad {background-color: white; width:518px; float: right; margin-top: 25px}
#navegacion {background-color: blue; border: black 1px solid; height:20px }
#navegacion li {float:left; list-style:none; margin: 0px 20px 0px 20px}
#navegacion ul {margin-left:180px}
#contenido {background-color: aquamarine; border-left: black 1px solid ; border-right: black 1px solid; height:642px;}
#contenido2 {background-image: url(objetos/tabla.png);background-repeat: repeat; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
#menu{background-color: yellow; width:150px; float:left; text-align:left ; margin: 3px 10px 3px 3px; background-image:url([url]http://www.killiadictos.com/objetos/menu-parte-inferior-2.gif[/url]); background-position: bottom; padding-bottom:5px }
#menu li{list-style:none; margin:4px 8px 4px 6px}
#menu h1{text-decoration:none;font-size:12px; background-image: url([url]http://www.killiadictos.com/objetos/menu-parte-superior-2.gif[/url])}
#curva-superior5 { float:left; background-image: url([url]http://www.killiadictos.com/objetos/curva-superior5.GIF[/url]) ; background-repeat: no-repeat; width:610px ;height: 12px; margin:0px 0px 0px 0px;overflow : hidden   }
#cuerpo {background-color: white; width: 608px ; height:630px; float: left;border-left: black 1px solid ; border-right: black 1px solid;}
#cuerpo p {padding: 5px 10px 5px 10px}
#cuerpo li{text-align:left;margin:0px 0px 0px 10px}
#curva-inferior5 { background-color:#CC3300; background-image: url([url]http://www.killiadictos.com/objetos/curva-inferior.gif[/url]) ;background-repeat: no-repeat ;width:610px ; overflow : hidden  }
#pie {background-color: white; float:left; border-left: black 1px solid; border-right: black 1px solid; border-top: black 1px solid; height: 65px; width:799px;}
#pie li{list-style:none; font-size:12px}
#pieuno {float:left; width:150px; height:65px;}
#piedos {float:left; width:497px}
#pietres {float:left; width:150px}
#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: white }
#pie a:active  {color:black}
#curva-inferior { background-color:#CC3300; background-image: url([url]http://www.killiadictos.com/objetos/curva-inferior.gif[/url]); background-repeat: no-repeat; width:800px; height: 12px; overflow: hidden; float:left;}
a: link {}
a:visited {}
a {color:blue;text-decoration:none; display:block}
a:hover {color:red; text-decoration:none}
a: active {} 

</style>


</head>

<body>

<div id="global">

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

<div id="cabecera">

<div id="logotipo">

<a href="home.html">

[img]http://www.killiadictos.com/objetos/logotipo.gif[/img]

</a>

</div>

<div id="publicidad"><h4>Bienvenidos a esta web dedicada a los killis</h4></div>

</div> 


<div id="navegacion">

    

</div>

<div id="contenido">

     <div id="menu">

	

	<h1>Menu</h1><ul>[*][url="articulos.htm"]Articulos[/url][*][url="convencionesyreuniones.htm"]Convenciones y reuniones[/url][*][url="fichadekillis.htm"]Ficha de killis[/url][*][url="cultivos.htm"]Cultivos Vivos[/url][*][url="curiosidadesotrucos.htm"]Curiosidades o Trucos[/url][*][url="milista.htm"]Mi Lista[/url][*][url="descargas.htm"]Descargas[/url][*][url="#"]Contacteme[/url]

	[/list]	 

		 </div>

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

     <div id="cuerpo">

     <h1>[b]Los Killis[/b]</h1>

		 

Hace ya unos años descubri esta variedad de pez dentro de la acuarofilia viendo un libro sobre peces de acuario, tras preguntar por ellos en la tienda en la que compraba peces habitualmente, el se encargo de traerme la primera pareja de killis que tube.</p>

     

Cuando vi mi primera pareja de Aphyosemion Australe "Cabo lope", quede enamorado de ellos.</p>

     

Lamentablemente no pude mantener esta especie por mucho tiempo ya que mi inexperiencia con ellos me paso factura como a mucho de vosotros, pero no me desanime. A pesar de haber dejado la afición por unos años, volvi y quise poner en marcha una idea que tuve hace ya muchos años.</p>

		 

Crear un lugar donde los killifilos tuviesen la oportunidad de encontrar información tanto historica como experimental sobre especies, cultivos y otros sucesos.</p>

		 

Así como poder ver imagenes de los killis que buscan. (en este apartado se intentara colocar fotos no retocadas con idea de acercaros lo mas posible a la realidad).</p>

		 

Para esto es impresindible la colaboración de todos ustedes, aquellos que criais y manteneis alguna especie de killi.</p>

		 

Para facilitar en las fichas de especies los estudios realizados por los distintos killifilos, podeis ver a pie de pagina dos iconos, uno es una libreta y el otro unas anotaciones.</p>

		 

Para ver las anotaciones sobre la especie pulsar sobre la libreta.</p>

		 [img]http://www.killiadictos.com/objetos/libreta01.gif[/img]

		 

Para enviar archivos, imagenes, informes, comentarios o lo que se os ocurra, que puedan valer para los iniciados y experimentados teneis las notas.</p>

		 <h2>Espero que entre todos llevemos este proyecto a un exito total</h2>
         
         
         </div>

</div>

<div id="pie">

    <div id="pieuno">

		    <ul>

				   [img]http://www.killiadictos.com/objetos/libreta01.gif[/img]</a>

	        [/list]

	</div>

		<div id="piedos"><h4>Aqui podra ver o enviar las anotaciones y esperiencias sobre la especie</h4></div>

		<div id="pietres">

		    <ul>

				   [*]<a href="mailto:[correo eliminado]">

					 [img]http://www.killiadictos.com/objetos/notas01.gif[/img]

					 </a>

				[/list]

		</div>

</div>

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

</div>

</body>

</html>

ya con esto hemos conseguido centrar la parte alta pero ahora se ha descuadado la parte baja en IE y en Mozilla sigue igual.
Por que se colocan los datos que suelen ir en el css en un html?