CSS que interrumpe al Dreamweaver

[cobele]

Bueno... Ahora mismo ya le tengo resulto el problema, pero asi mismo voy compartir cn ustedes todo que se me pasó pues quizá eso venga ayudar alguan otra persona...



Tengo el menu principal en el encabezado de la pagina, en la banda roja. Sus botones son esas imágenes de color blanco y rojo.

La posición que necesito que esté el menú es exactamente como en la siguiente imagen:

[url=http://overpic.net/viewer.php?file=xkkecege0uy91z93i2jz3.jpg][img]http://img.overpic.net/thumbs/k/k/e/xkkecege0uy91z93i2jz3_s.jpg[/img][/url]

La pagina se divide fundamentalmente en trés partes:

PARTE ---------------------- ID
encabezado -------------------- "top"
cuerpo ------------------------ "mid"
pie --------------------------- "bot"

Por otra parte, el encabezado se divide en:

PARTE ---------------------- ID
Banda negra ------------------- "top_fx1"
Banda roja -------------------- "top_fx2"

Como ya he dicho, necesito que el menu principal se quede en la banda roja del encabezado (ID="top_fx2")

Ese sera un menú desplegable... Su aparencia final sera +/- igual a:

[url=http://overpic.net/viewer.php?file=xi8uc5ckxi5cze13ixmrl.jpg][img]http://img.overpic.net/thumbs/i/8/u/xi8uc5ckxi5cze13ixmrl_s.jpg[/img][/url]

No tuve problemas en ponerlo donde necesito. Sin embargo, dejando sus códigos en la banda roja (ID="top_fx2"), cuando se despliega me ocultaba los niveles inferiores del menu, como se puede ver en la próxima imágen:

[url=http://overpic.net/viewer.php?file=xhx4o4rbzmqcbbrvrd7o.jpg][img]http://img.overpic.net/thumbs/h/x/4/xhx4o4rbzmqcbbrvrd7o_s.jpg[/img][/url]

Les confieso que jamás hice cualquier tipo de curso sobre el tema y que lo poco que sé aprendi fue estudiando solo o con la ayuda de algunas personas que conocí en sitios web como ese... Así que fui intentando diferentes maneras para hacer con que el menu se despliegue como deseo, sin ocultar sus subniveles.

Para tratar de solucionar este problema, he cambiado la posición de los códigos del menú principal. Me los quité de la banda roja y los puse junto al contenido principal de la página, en la banda de la derecha (ID="mid_full_col2").

Para elevarlo a la posición deseada he utilizado un "margin:-73px". Así que volvió a la posición original que es en la banda roja del encabezado.

El problema estaba en que no sabia como hacer para alinearse con el borde derecho de la parte central de la página (ID="mid").

Estaba usando "position:fixed" con un "margin-left:-273px", pero asi me dejaba el menu fuera de su posición correcta. Para alinearlo apenas intentaba cambiar "margin-left" e iba probando diferentes margenes hasta obtener el resultado deseado, pero a cada vez que le cambiaba el numero de "margin-left" mi Dreamweaver se estropeaba y se volvia completamente imposible seguir trabajando. He intentado cambiar a valores diferentes, pero siempre se pasaba lo mismo: se me volvia estropear mi Dreamweaver...

Hasta que se me pasó por la mente intentar editarlo con el notepad de Windows. Le cambié su valor a 100 y probé en los navegadores, y con eso obtuve lo resultado que era deseado.

Lo más extraño de todo es que después de editar el notepad de Windows, abri el archivo HTML en Dreamweaver y no pasó mas nada de errado. Hasta ahora yo no entiendo por qué que pasó algo así. Si alguien ha tenido el mismo problema y sabe cómo resolver eso todo, compartenos con todos, porque sin duda es un problema poco trivial y muchos no sabrán cómo lidiar con eso todo.



Agradezco por la atención.
Saludos desde Brasil, EVAIR.