Foros del web, para los que viven de bits

Borjimante · 16-mar-2007, 09:13

Hola, estoy realizando un nuevo diseño y bueno tengo ciertos problemas en los que me vendria bien una ayuda.

La web en cuestion es: http://www.antera-solutions.com/Desing-v5/

El problema es que con IE la visualizo correctamente pero con el Mozilla Firefox no.

-La parte de arriba se disipa un 1px o dos descuadrada no se por que.

-En la parte redondeada superior deja un margn que sobresale como 2px, quiero suprimirlo y a su vez la de la derecha se va a la derecha mas de lo normal.

-El border 2px que rodea los dos laterales con MF no se ve completo.

Eso es todo, toda la ayuda que me prestan sera bienvenida.

Un saludo

floren · 16-mar-2007, 13:54

Yo también estoy empezando con CSS, no te puedo ayudar mucho, pero he seguido una regla que circula en este mundo y me va bien: diseña para Firefox y luego corriges para IE.

Instálate Firefox y su web developer toolbar y verás que tal vez estés usando mal las propiedades margin y padding.

Borjimante · 17-mar-2007, 06:09

gracias por la infromacion pero ya he hecho la web, y no voy a rehacerla de nuevo, voy a ir poco a poco y lo que quiero esque la gente que pueda me ayude de momento voy de poco en poco.

Un saludo

floren · 17-mar-2007, 13:23

Siento no haberte sido de ayuda, estoy empezando, pero me imagino que estás con IE6, ya que en IE 7 también se ve mal, al igual que Opera.

Así, a bote pronto:

Código HTML:

<div id="arriba2"><img src="img/columna-der-arriba.jpg" width="240" height="10" alt="" /></div>
<div id="columna-der">

Podrías probar con:

Código HTML:

<div class="columna-der">
<div class="arriba2"></div>
</div>

Donde

Código HTML:

.columna-der { 
	float: left;
	background: #CEE1FD url(img/columna-izq.jpg) no-repeat right bottom;
	height: 120px;
	text-align: center;
	width: 240px;
}

.arriba2 { 
	background: url(img/columna-der-arriba.jpg) no-repeat right top;
	width: 240px;
	float: right;
	height: 20px;
}

Esto se ve bien en IEx, Firefox y Opera, puedes comprobarlo en www_aaservers.org/test/

Saludos,

Floren.

Borjimante · 19-mar-2007, 15:08

asi no me carga las imagenes de fondo y se descuadra todo a la izquierda

Borjimante · 20-mar-2007, 12:12

Alguien sabe como puedo solucionar lso errores, las cajas ya estan bien centradas, ya solo faltan tres cosas.

-Que los bordes de los lados salgan bien.

-Que en IE no aparezca el hueco entre las cajas y los enlaces que aparece el texto del ultimo enlace y este esta bien cerrado.

-Que los enlace se centren bien con MF

Un saludo y ayuda que alguien que maneje un poco el tema seguro que puede ayudarme, yo mientras sigo intentando

Un saludo

floren · 21-mar-2007, 07:03

De nada, Borji.

hCanté · 21-mar-2007, 11:34

Yo te aconsejo limpiar el codigo con Dreamweaver y hay una funcion que de forma personal te digo no la he usado pero probala es la de "Agregar/Quitar reparacion de cambios de tamaño de Netspace".
Te cuento que alguna vez le pregunte a alguien que sabe mucho de esto y me dice que para no tener que probar un sitio en todos los navegadores para asegurarse que se vean bien se coloca la extencion html, no htm, y me ha funcionado, pero es una combinacion de todo, no digo que esto sea la clave, y revise el sitio en Mozilla y me sale todo el sitio completamente hacia abajo solo el encabezado se queda arriba.

Intenta con lo de arriba

Saludos
hCanté

Borjimante · 21-mar-2007, 16:03

exactamente donde esta la opcion es que la busco y no la encuentro, lo de firefox estoy si doy con la clave o haber si alguien me ayuda

hCanté · 21-mar-2007, 17:20

Las opciones que te comento anteriormente estan en la barra superior en la pestaña comandos, alli estan las opciones "Limpiar html", "Limpiar html de Word" y la opcion "Añadir/Quitar reparacion de cambio de tamaño de Netscape".

Lo que hace esto es que identifica comandos repetidos o redundantes, los inservibles, etc. alli te explica que es lo que retira cuando lo hace.

Te estoy hablando de el Dreamweaver 8, la version MX tambien lo tiene.

Saludos
hCanté

Borjimante · 22-mar-2007, 08:47

eso no me ha hecho nada, alguien sabe como solucionar alguno de mis problemas?

16-mar-2007, 09:13	#1 (permalink)
Borjimante Fecha de Ingreso: noviembre-2005 Mensajes: 635	Visualizaciones distintas con IE y Mozilla Firefox Hola, estoy realizando un nuevo diseño y bueno tengo ciertos problemas en los que me vendria bien una ayuda. La web en cuestion es: http://www.antera-solutions.com/Desing-v5/ El problema es que con IE la visualizo correctamente pero con el Mozilla Firefox no. -La parte de arriba se disipa un 1px o dos descuadrada no se por que. -En la parte redondeada superior deja un margn que sobresale como 2px, quiero suprimirlo y a su vez la de la derecha se va a la derecha mas de lo normal. -El border 2px que rodea los dos laterales con MF no se ve completo. Eso es todo, toda la ayuda que me prestan sera bienvenida. Un saludo __________________ Antera Solutions Diseño y desarrollo web

16-mar-2007, 13:54	#2 (permalink)
floren Fecha de Ingreso: febrero-2005 Ubicación: Málaga Mensajes: 134	Re: Visualizaciones distintas con IE y Mozilla Firefox Yo también estoy empezando con CSS, no te puedo ayudar mucho, pero he seguido una regla que circula en este mundo y me va bien: diseña para Firefox y luego corriges para IE. Instálate Firefox y su web developer toolbar y verás que tal vez estés usando mal las propiedades margin y padding.

17-mar-2007, 06:09	#3 (permalink)
Borjimante Fecha de Ingreso: noviembre-2005 Mensajes: 635	Re: Visualizaciones distintas con IE y Mozilla Firefox gracias por la infromacion pero ya he hecho la web, y no voy a rehacerla de nuevo, voy a ir poco a poco y lo que quiero esque la gente que pueda me ayude de momento voy de poco en poco. Un saludo __________________ Antera Solutions Diseño y desarrollo web

17-mar-2007, 13:23	#4 (permalink)
floren Fecha de Ingreso: febrero-2005 Ubicación: Málaga Mensajes: 134	Re: Visualizaciones distintas con IE y Mozilla Firefox Siento no haberte sido de ayuda, estoy empezando, pero me imagino que estás con IE6, ya que en IE 7 también se ve mal, al igual que Opera. Así, a bote pronto: Código HTML: <div id="arriba2"><img src="img/columna-der-arriba.jpg" width="240" height="10" alt="" /></div> <div id="columna-der"> Podrías probar con: Código HTML: <div class="columna-der"> <div class="arriba2"></div> </div> Donde Código HTML: .columna-der { float: left; background: #CEE1FD url(img/columna-izq.jpg) no-repeat right bottom; height: 120px; text-align: center; width: 240px; } .arriba2 { background: url(img/columna-der-arriba.jpg) no-repeat right top; width: 240px; float: right; height: 20px; } Esto se ve bien en IEx, Firefox y Opera, puedes comprobarlo en www_aaservers.org/test/ Saludos, Floren.

19-mar-2007, 15:08	#5 (permalink)
Borjimante Fecha de Ingreso: noviembre-2005 Mensajes: 635	Re: Visualizaciones distintas con IE y Mozilla Firefox asi no me carga las imagenes de fondo y se descuadra todo a la izquierda __________________ Antera Solutions Diseño y desarrollo web

20-mar-2007, 12:12	#6 (permalink)
Borjimante Fecha de Ingreso: noviembre-2005 Mensajes: 635	Re: Visualizaciones distintas con IE y Mozilla Firefox Alguien sabe como puedo solucionar lso errores, las cajas ya estan bien centradas, ya solo faltan tres cosas. -Que los bordes de los lados salgan bien. -Que en IE no aparezca el hueco entre las cajas y los enlaces que aparece el texto del ultimo enlace y este esta bien cerrado. -Que los enlace se centren bien con MF Un saludo y ayuda que alguien que maneje un poco el tema seguro que puede ayudarme, yo mientras sigo intentando Un saludo __________________ Antera Solutions Diseño y desarrollo web

21-mar-2007, 07:03	#7 (permalink)
floren Fecha de Ingreso: febrero-2005 Ubicación: Málaga Mensajes: 134	Re: Visualizaciones distintas con IE y Mozilla Firefox De nada, Borji.

21-mar-2007, 11:34	#8 (permalink)
hCanté Fecha de Ingreso: marzo-2007 Ubicación: Frente al computador Mensajes: 160	Re: Visualizaciones distintas con IE y Mozilla Firefox Yo te aconsejo limpiar el codigo con Dreamweaver y hay una funcion que de forma personal te digo no la he usado pero probala es la de "Agregar/Quitar reparacion de cambios de tamaño de Netspace". Te cuento que alguna vez le pregunte a alguien que sabe mucho de esto y me dice que para no tener que probar un sitio en todos los navegadores para asegurarse que se vean bien se coloca la extencion html, no htm, y me ha funcionado, pero es una combinacion de todo, no digo que esto sea la clave, y revise el sitio en Mozilla y me sale todo el sitio completamente hacia abajo solo el encabezado se queda arriba. Intenta con lo de arriba Saludos hCanté

21-mar-2007, 16:03	#9 (permalink)
Borjimante Fecha de Ingreso: noviembre-2005 Mensajes: 635	Re: Visualizaciones distintas con IE y Mozilla Firefox exactamente donde esta la opcion es que la busco y no la encuentro, lo de firefox estoy si doy con la clave o haber si alguien me ayuda __________________ Antera Solutions Diseño y desarrollo web

21-mar-2007, 17:20	#10 (permalink)
hCanté Fecha de Ingreso: marzo-2007 Ubicación: Frente al computador Mensajes: 160	Re: Visualizaciones distintas con IE y Mozilla Firefox Las opciones que te comento anteriormente estan en la barra superior en la pestaña comandos, alli estan las opciones "Limpiar html", "Limpiar html de Word" y la opcion "Añadir/Quitar reparacion de cambio de tamaño de Netscape". Lo que hace esto es que identifica comandos repetidos o redundantes, los inservibles, etc. alli te explica que es lo que retira cuando lo hace. Te estoy hablando de el Dreamweaver 8, la version MX tambien lo tiene. Saludos hCanté

22-mar-2007, 08:47	#11 (permalink)
Borjimante Fecha de Ingreso: noviembre-2005 Mensajes: 635	Re: Visualizaciones distintas con IE y Mozilla Firefox eso no me ha hecho nada, alguien sabe como solucionar alguno de mis problemas? __________________ Antera Solutions Diseño y desarrollo web

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado