Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Page cut off on low resolution when going from Publisher '07 to Frontpage '03

Posted on 2009-04-05
11
Medium Priority
?
308 Views
Last Modified: 2013-12-24
Hello,

I am working on a website for my dad ( www.theadditionstudio.com) , and I'm not good with HTML, so I started doing it in MS Publisher '07, but I couldn't get it to center things the way I wanted to, so I x-fered everything to FrontPage '03, which even though its not as fancy, seems more straight forward, and my problem is: the page displays fine on larger screens or resolutions 1024x768  and up, but anything below that instead of it just automatically adjusting/resizing  the page for the display size (like it does on my original website using FrontPage '03 for his band www.zipcityblues.com), it will cut off the right hand side whatever doesn't fit.

Any ideas on how to fix this without having to re-do everything from scratch???

Thanks!
0
Comment
Question by:PavPPZ1
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 6
  • 5
11 Comments
 
LVL 29

Expert Comment

by:coreybryant
ID: 24076781
I would really stay away from Publisher to create a website.  I have not used it but I know in the past, just like Microsoft Word, it would create bloated HTML code & give you the allusion of designing a website, not developing.  Expression Web might be another option as well - they have a free trial and you can get an upgrade.
Center a website in FrontPage might help some.  And then you might read website to fill screen on some issues users might run into from time to time.
0
 

Author Comment

by:PavPPZ1
ID: 24077192
Yeah I'm definetly staying away from it in the Future, I was just hoping to not have to redo this whole site if possible.  I tried to check out those links you sent but they both just brought up a HTTP 500 error.
0
 
LVL 29

Expert Comment

by:coreybryant
ID: 24077617
Sorry about that, forgot that the admin was going to do some maintenance this morning on it (the MSSQL).  I think they said it would be
Right now, you have a lot of the bloated code as I thought (as below).  There is no easy way to fix that - except to re-do it with Expression Web / FrontPage unfortunately.  

<div style='position:absolute;width:20.-1008in;height:10.-507in'>
<!--[if gte vml 1]><v:shapetype id="_x0000_t202"
 coordsize="21600,21600" o:spt="202" path="m,l,21600r21600,l21600,xe">
 <v:stroke joinstyle="miter"/>
 <v:path gradientshapeok="t" o:connecttype="rect"/>
</v:shapetype><v:shape id="_x0000_s1026" type="#_x0000_t202" style='position:absolute;
 left:282pt;top:110.25pt;width:417pt;height:33pt;z-index:5;visibility:visible;
 mso-wrap-edited:f;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
 fillcolor="black" stroked="f" strokecolor="#999" strokeweight="0"
 o:cliptowrap="t">
 <v:stroke dashstyle="dash"/>
 <v:shadow color="#ccc"/>
 <v:path insetpenok="f"/>
 <o:lock v:ext="edit" shapetype="t"/>
 <v:textbox style='mso-column-margin:5.7pt' inset="2.85pt,2.85pt,2.85pt,2.85pt">
<p class="MsoTagline" style="text-align: center">
<span lang="en-US" style="font-size: 16.857pt; line-height: 119%; font-family: Verdana; language: en-US">
Welcome to the Addition Studio</span></p>
 </v:textbox>
</v:shape><![endif]-->

Open in new window

0
Looking for a new Web Host?

Lunarpages' assortment of hosting products and solutions ensure a perfect fit for anyone looking to get their vision or products to market. Our award winning customer support and 30-day money back guarantee show the pride we take in being the industry's premier MSP.

 

Author Comment

by:PavPPZ1
ID: 24077665
There isn't just some code I can remove that will make the page display normally instead of cutting it off on lower resolutions?  It seems to me like that would have to be something that makes it do that instead of displaying normally.
0
 
LVL 29

Expert Comment

by:coreybryant
ID: 24078231
Well you are using absolute positioning, which is a problem in itself.  This basically forces the elements to be in one place, no matter the browser resolution.  
I am looking at the URL you gave in a 1280X1024 resolution (even though my monitor is a higher resolution) and nothing seems to be cut off.   Can you let me know what resolution you are using & what is being cut off so I can focus on that piece of the code?
0
 
LVL 29

Expert Comment

by:coreybryant
ID: 24078302
(BTW, the links should work now as well)
0
 

Author Comment

by:PavPPZ1
ID: 24078344
It seems to be when you start going below 1024x768...so in older CRT monitors w/ 800x600 or 640x480.  Is there anyway to remove absolute positioning w/o redoing everything?
0
 
LVL 29

Expert Comment

by:coreybryant
ID: 24078537
Unfortunately not (to removing the absolute positioning).  If you look at your code, it is almost all Microsoft Word / Publishing (bloated) HTML code.
I looked at the page on 800X600, there is the scrolling bar that is available, but hopefully those two articles explained about building to fit resolutions?  
You could use percentages to help you a bit better with the layout but then you lose some control on where the text is, etc
0
 

Author Comment

by:PavPPZ1
ID: 24078610
Great...thanks for all your help though!  How would I implement the percentages?
0
 
LVL 29

Accepted Solution

by:
coreybryant earned 2000 total points
ID: 24078812
Well you would need to re-do the layout of the site.  Have you considered using CSS (well you are using it now actually but using the absolutely positioned elements)?
Or you can use a table set at a certain percentage and then have your website inside that
0
 

Author Closing Comment

by:PavPPZ1
ID: 31566760
Thanks for all your suggestions!  I appreciate the input.
0

Featured Post

Looking for a new Web Host?

Lunarpages' assortment of hosting products and solutions ensure a perfect fit for anyone looking to get their vision or products to market. Our award winning customer support and 30-day money back guarantee show the pride we take in being the industry's premier MSP.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Lync meeting or Lync conferencing is what many organizations would like to deploy to allow them save money. But companies are now giving up for various reasons, one of which is that they cannot join external meetings (non-federated company meetings)…
Deploying a Microsoft Access application in a Citrix environment is not difficult but takes a few steps. However, Citrix system people are often of little help, as they typically know next to nothing about Access. The script provided here will take …
The purpose of this video is to demonstrate how to Test the speed of a WordPress Website. Site Speed is an important metric of a site’s health. Slow site speed can result in viewers leaving your site quickly and not seeing your content. This…
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…

609 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question