Mis-Aligned layers in different web browsers

can help?

 

i designing 2 websites, , nav bars, creating new layers, , aligning them right background in dreamweaver.  however, when @ sites on different web browsers, goes off either left or right.  why!  how layers stay put in web browsers, , not float off sides?

 

or there easier way correcting problem?

 

 

here 2 sites home pages:

 

 

 

http://lorivaughn.com/balancecontrolpilates.html

 

 

http://lorivaughn.com/ek.html

 

i attach screen print of view different web browser.

trying precisely fit content on large background image ap divisions never works planned.  approach works in static print or graphic design not on web.

 

web pages need flexible accommodate different text sizes, browsers , end user settings - of out of control.  re-think design approach.  read following tutorials:

 

scalable css tabbed menus:

http://www.projectseven.com/tutorials/css/qtabs/index.htm

 

quickdraw macfly

http://www.projectseven.com/tutorials/css/qdmacfly/index.htm

 

taking fireworks comp css based layout in dw
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html

 

absolutely positioned divisions or dw "layers"
http://apptools.com/examples/pagelayout101.php

 

 

nancy o.
alt-web design & publishing
web | graphics |  print | media specialists
www.alt-web.com/
www.twitter.com/altweb

More discussions in Dreamweaver support forum

adobe