Visualizaciones distintas con IE y Mozilla Firefox

[Borjimante]

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]

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]

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]

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]

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

[Borjimante]

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]

De nada, Borji.

[hCanté]

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]

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é]

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]

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