I just made a site with dreamweaver, or have been working on it for the longest time, and it is all in pixel format. Any dreamweaver wiz, is there any one-click way to change everything into percentage format so it will fit any screen? Thanks. Please Help!Please Help!Nope. Not much help I know. Your site is using frames, so this complicates your choices a bit. Here are some options:
1. Consider blowing away the frames layout and just use CSS (or some other menu system; there's even one in DWMX) to create a left-panel menu that's housed inside a whole-page layout. The container for your page can be a single-cell table set to 100% width or even a DIV with the same properties. This way all the elements of the page can be positioned relative to the parent container (cell or DIV) and move accordingly on different sized browser displays. The frames page setup makes it hard to do this because it limits how much real estate you can assign (or assume) for each frame's window.
2. Again, considering the "container" issue, you could look at the page in the right (home) frame with all the absolute-positioned DIV's, and consider the widths you've given some of the DIV's:
"div id="Layer2" style="position:absolute; left:1px; top:24px; width:783px; height:22px;..."
Because you've used Inline styles here (versus a style sheet or a style in the <head>, your only option is to go in and change those values manually (instead of changing ONE value in the style sheet). One thing you might consider is making the WIDTH values smaller, and placing Everything in your MAIN window inside a parent DIV that is set to 100% width. That would ensure that everything contained within the parent DIV would expand or contract to fill the screen. Keep in mind that your absolute-positioned DIV's are OUTSIDE the flow of your page (because of the Absolute piece); consider making them Relatively positioned.
Hope this helps!
Redbarron
1. Consider blowing away the frames layout and just use CSS (or some other menu system; there's even one in DWMX) to create a left-panel menu that's housed inside a whole-page layout. The container for your page can be a single-cell table set to 100% width or even a DIV with the same properties. This way all the elements of the page can be positioned relative to the parent container (cell or DIV) and move accordingly on different sized browser displays. The frames page setup makes it hard to do this because it limits how much real estate you can assign (or assume) for each frame's window.
2. Again, considering the "container" issue, you could look at the page in the right (home) frame with all the absolute-positioned DIV's, and consider the widths you've given some of the DIV's:
"div id="Layer2" style="position:absolute; left:1px; top:24px; width:783px; height:22px;..."
Because you've used Inline styles here (versus a style sheet or a style in the <head>, your only option is to go in and change those values manually (instead of changing ONE value in the style sheet). One thing you might consider is making the WIDTH values smaller, and placing Everything in your MAIN window inside a parent DIV that is set to 100% width. That would ensure that everything contained within the parent DIV would expand or contract to fill the screen. Keep in mind that your absolute-positioned DIV's are OUTSIDE the flow of your page (because of the Absolute piece); consider making them Relatively positioned.
Hope this helps!
Redbarron