CAPAS EN I EXPLORER Y FIREFOX

Hola, nose quien pueda y quiera ayudarme, pero voy a explicar lo mas claro posible el problema que tengo y que ansio arreglarlo de una vez, segun entendi si creamos por ejemplo 2 capas en nuestra pagina, cada capa LOGICAMENTE deberia estar separada una de la otra, es decir que el contenido de "una capa" LOGICAMENTE no tendria que meterse dentro el contenido de la "otra capa". Sin embargo, a mi me ha pasado esto que es muy curioso y sobre todo ILOGICO.
He creado en mi pagina 3 CAPAS, una capa para el banner, otra capa para el menu horizontal de navegacion, y otra capa para el contenido principal.

En el i explorer se ven las capas como tiene que ser, capa banner, capa navegacion y capa contenido todas separadas y tal como LOGICAMENTE debe ser.

En el firefox pasa algo ILOGICO y es el problema que quiero arreglar, resulta que la capa navegacion por alguna razon "extraña" se mete dentro de la capa contenido e interfiere con el titulo de cada seccion, ese es mi problema, COMO ES POSIBLE QUE EL CONTENIDO DE UNA CAPA SE META DENTRO EL CONTENIDO DE OTRA CAPA??.

Al i explorer lo han criticado de ser el peor navegador que hay, sin embargo el firefox no obedece a la LOGICA de las capas, es decir que una capa este separada de otra, en fin, espero halla por aqui algun webmaster que me entienda, se lo pagare favor con favor algun dia jeje.

Alquien me dijo que tengo que quitar el margin: 13 px y bajar el padding 4px 0 a un valor menor y que con eso se arregla, pero ese no es el problema, por mas que haga eso, el menu de la capa navegacion se sigue metiendo dentro el contenido de la capa contenido, ES ILOGICO, y eso que el firefox "es mejor que el i explorer" :?:

Esta es mi pagina, porfavor comparenla con el i explorer y con el firefox:

http://proyectorccp.site88.net/pagina.html

PD: PORFIS LES RUEGO UNA AYUDA, YA LLEVO MUCHOS DIAS SIN PODER ARREGLAR ESTO, Y ES QUE LAMENTABLEMENTE AUNQUE EL I EXPLORER ES MUY USADO, HAY QUE TENER EN CUENTA QUE NUESTRA PAGINA SE VEA BIEN EN CUALQUIER NAVEGADOR. GRACIAS. BENDICIONES.

Bueno, no es nada ilógico del firefox, son distintas formas de interpretar el código, lo que pasa es que lo has estado haciendo de acuerdo al IE y te ha quedado mal para el firefox, pero al igual lo podías haber estado haciendo par firefox y quedarte mal para IE, no es nada ilógico.

Pues bueno, centrándonos en el problema, y teniendo en cuenta que el mismo problema puede surgir en el IE (en este caso sí puede), el problema es de ancho. Sí, aunque te suene raro es por el ancho, IE entiende el padding como una parte del width, pero firefox yópera entienden el padding como aparte del width, por lo que en esos exploradores queda más ancho.
Solución: ponle menos padding a la capa navegación hasta que quede todo bien alineado.

Saludos :wink:

Hola Jugoncan, ya hice lo que dijiste, le quite menos padding a la capa navegacion, pero sabes, ese no es el problema, hay algo que creo nadie me quiere entender jajaja, lo explicare claramente, fijate que tengo 2 capas, una capa navegacion y otra capa contenido. Ahora porfavor te ruego, ponme atencion en esta parte:

La CAPA CONTENIDO tiene BORDES "BLANCOS", la CAPA NAVEGACION tiene que estar "FUERA" de esos bordes blancos y asi lo muestra el i explorer, ahora el problema es que en el firefox el menu de la CAPA NAVEGACION se mete dentro la CAPA CONTENIDO.

En otras palabras, quiero que ese menu de navegacion horizontal este fuera (hacia arriba) de los bordes blancos tal y como lo muestra el i explorer, no que se meta dentro los bordes blancos tal y como lo muestra el firefox, creo que mas claro no puedo ser, el problema no es que los enlaces "esten o no alineados en el firefox, eso no importa mucho", solo quiero que ese bendito menu de navegacion no se meta en los bordes blancos, sino que este afuera.

Espero que ahora si me halla expresado mejor :(
Bendiciones. Bye.

PD: Si sabes de algun totorial para saber las diferencias de como interpreta el codigo HTML tanto i explorer como firefox, te lo agradeceria mucho y te pagare favor con favor algun dia. Gracias :wink:

cristiano escribió:Hola, nose quien pueda y quiera ayudarme, pero voy a explicar lo mas claro posible el problema que tengo y que ansio arreglarlo de una vez, segun entendi si creamos por ejemplo 2 capas en nuestra pagina, cada capa LOGICAMENTE deberia estar separada una de la otra, es decir que el contenido de "una capa" LOGICAMENTE no tendria que meterse dentro el contenido de la "otra capa". Sin embargo, a mi me ha pasado esto que es muy curioso y sobre todo ILOGICO.
He creado en mi pagina 3 CAPAS, una capa para el banner, otra capa para el menu horizontal de navegacion, y otra capa para el contenido principal.

En el i explorer se ven las capas como tiene que ser, capa banner, capa navegacion y capa contenido todas separadas y tal como LOGICAMENTE debe ser.

En el firefox pasa algo ILOGICO y es el problema que quiero arreglar, resulta que la capa navegacion por alguna razon "extraña" se mete dentro de la capa contenido e interfiere con el titulo de cada seccion, ese es mi problema, COMO ES POSIBLE QUE EL CONTENIDO DE UNA CAPA SE META DENTRO EL CONTENIDO DE OTRA CAPA??.

Al i explorer lo han criticado de ser el peor navegador que hay, sin embargo el firefox no obedece a la LOGICA de las capas, es decir que una capa este separada de otra, en fin, espero halla por aqui algun webmaster que me entienda, se lo pagare favor con favor algun dia jeje.

Alquien me dijo que tengo que quitar el margin: 13 px y bajar el padding 4px 0 a un valor menor y que con eso se arregla, pero ese no es el problema, por mas que haga eso, el menu de la capa navegacion se sigue metiendo dentro el contenido de la capa contenido, ES ILOGICO, y eso que el firefox "es mejor que el i explorer" :?:

Esta es mi pagina, porfavor comparenla con el i explorer y con el firefox:

http://proyectorccp.site88.net/pagina.html

PD: PORFIS LES RUEGO UNA AYUDA, YA LLEVO MUCHOS DIAS SIN PODER ARREGLAR ESTO, Y ES QUE LAMENTABLEMENTE AUNQUE EL I EXPLORER ES MUY USADO, HAY QUE TENER EN CUENTA QUE NUESTRA PAGINA SE VEA BIEN EN CUALQUIER NAVEGADOR. GRACIAS. BENDICIONES.

Hola:
He hecho algunos cambios en su hoja de estilo para que se pueda ver bien tanto en I.E. como en Firefox.
En la hoja de estilo, donde tiene el body, en donde pone el color de fondo, le sugiero que lo ponga de esta manera: body{text.....etc.;background-color:#000080;height:100%;}, el 000080 equivale al color navy, y el 100% es para que el firefox muestre hasta el final del body.
En la misma hoja de estilo, en #navegacion, donde tiene puesto el color ponga background-color:#008000;height:35px;list-style:none;.
En #navegacion ul, ponga #navegacion ul{margin-left:50px;}.
En #navegacion li, ponga. #navegacion li{float:left;list-style:none;margin:2px 5px 2px 5px;padding:0px;border:3px solid gold;}.
En #navegacion li a, ponga: #navegacion li a{display:inline;width:80px;padding:3px 0;text-decoration:none;text-align:center;font-size:11px;color:gold;background-color:navy;}
Con todo esto la capa navegacion debiera de respetar sus espacios, de allí en adelante hay que "jugar" un poco con los padding y con los margenes, ya que normalmente suelen sumarseles a los anchos, si yo meto dentro de una capa que tiene 800px de ancho, algo que mide de ancho 798, seguramente quedará bien, pero si a ese algo le digo que tenga un padding (o relleno) por dentro de 3px, seguramente no me cabrá en esa capa de 800px, ya que esta aunque mida 798px, le he rellenado con tres o seis pixeles mas, por tanto ahora o mide de ancho 801px o mide 804, por tanto no me cabrá en la capa en que la quiero meter, usted tiene 7 enlaces y ha querido meter esos siete enlaces que tienen de ancho 100px cada uno, pero también le ha puesto a esos enlaces unos bordes de tres px de ancho y también unos padding y le ha puesto unos márgenes que los separen unos de otros etc. pues todo eso habrá sumado mas de los 800px de la capa en que quería poner esos enlaces.
La diferencia entre un navegador y otro, como le dijeron antes, es que uno de ellos mide las capas incluyendo los bordes y demases, y el otro no los incluye, es como si usted tuviese un terreno de 100 metros de ancho con un muro alrededor, ese muro mide tres metros de ancho, por tanto viene alguien a medir su terreno y y le dice que su terreno mide 100 metros de ancho, pero luego viene otro y le dice que su terreno mide 106 metros de ancho (ya que el cuenta el muro como parte de su terreno).
compatibilizar esas medidas es lo que cuesta. El Internet Explorer está diseñado para suponer que usted ha querido poner tal cosa en tal parte, y como lo supone, entonces lo arregla a su manera, pero eso no significa que usted lo haya puesto bien.
Espero haberle ayudado
Saludos

Hola Raulyure, en primer lugar disculpas por la pequeña discusion o prefiero llamarlo "mal momento" que tuvimos en otro tema.
En segundo lugar darte mil gracias porque ahora si se subio el menu arriba de los bordes blancos, muchas gracias al fin se consiguio jeje :) .
Bueno, solo eso, agradecerte, y espero que nunca mas se vuela a repetir esa platica, no me gusta discutir con nadie. Dios te bendiga, y ya sabes que cuentas conmigo para cualquier favor que necesites y este a mi alcance ayudarte, solo pidemelo. Bendiciones. Bye.

cristiano escribió:Hola Raulyure, en primer lugar disculpas por la pequeña discusion o prefiero llamarlo "mal momento" que tuvimos en otro tema.
En segundo lugar darte mil gracias porque ahora si se subio el menu arriba de los bordes blancos, muchas gracias al fin se consiguio jeje :) .
Bueno, solo eso, agradecerte, y espero que nunca mas se vuela a repetir esa platica, no me gusta discutir con nadie. Dios te bendiga, y ya sabes que cuentas conmigo para cualquier favor que necesites y este a mi alcance ayudarte, solo pidemelo. Bendiciones. Bye.

Hola:
:wink: