I have two problems. First, my website has a lot of blank background on the right side of my screen. There is a scroll bar to get to it, but I don't need a scroll bar because there's no text over there. The other problem is that the text just doesn't seem to fit on anyone else's browser the way it does mine. How do I make it a universal fit for any browser? When I was writing my own code, instead of putting in the number of pixels you wanted it to be, you'd just put in the percentage of the page, which in this case would be 100%. I would change that in the code, but I have no idea how to change the code with this program.

For the horizontal scroll bar (blank background) problem, you probably have an object way out right -- not necessarily visible on your workpage. To fix it:

Right-click on the rightmost object you want on your page

From the context menu, Select > Select All to Right

This will select the object/s, if any, out there

Then you can investigate what you have caught, and probably delete.

To make a universal fit for any browser:

Use a design width of 800px

Horizontally center your pages -- Page Editor > Special Effects

Use web-safe fonts for text
I can elaborate on any of those points if you need.

For your percentages, you can use relative positioning and sizing -- buttons on the bottom toolbar -- but not at the same time as horizontal page centering! There is a tutorial on the topic: Help > Tutorials > "Page Centering and Sizing".

As far as having an object way out right, I don't. There is nothing out there but background. I don't know how to get rid of all of that background.

My page has 3 sections vertically. On the left side are the links to my other pages in my site. Next to that is a bar that separates the links part from the main page information. If I align it right, it covers the links section. If I align it center, it goes off the screen over into that big background area and you have to scroll even more than you did before, and obviously, if you align right, it goes all the way to the right end of the background, so you barely even see the text without scrolling to the right, and I'm trying to get rid of the scrolling altogether.

I went to the Help>Tutorials>Page Centering and Sizing, and didn't understand how to use those tools to make it do what I wanted it to do.

I do use web safe fonts for my text (Ariel).

So, basically, I'm no better off than I was before. My web site is www.janebswartconsulting.com. Maybe if you look at it, you'll understand my problem better. I do thank you for your response.

Jane

Ugh, It's getting worse and worse!

It seems that the reason for the horizontal scrollbars is the "banner" (obj1195geo1168pg1p10), if you resize it to fit the project resolution and follow Bruceee's instructions regarding the page centering that should solve your problem.

I know these are stupid questions, but I don't understand your lingo. Can you please respond like I'm a beginner? When you say resize the banner to "fit the project resolution", what does that mean. I know the banner size is a problem, but I want that to fit all the way across the screen, too. I also obviously didn't understand the instructions regarding the page centering, because that didn't work, either.

Thanks!

Sorry for that. When you start a project you choose a resolution from the menu Options > Project Options > Target Resolution (I think that SS default is 800x600. The size of your banner is 1676x105, what you need to do is to reduce the width of the banner. The problem with having one image as a banner is that depending on the resolution of your visitors computer it will fit all the way for some but not for others.

The more I try to fix this, the worse it gets. Can someone lead me step by step, in simple terms, how I get my page to fit on every browser and look the same? I'm at the point where I can't even get it to look the same on MY browser with all the 'fixes' I've made with the advice I've gotten here so far.

Thanks!

From what I can see you have resized the banner and put your text in an iframe, that eliminated the horizontal scrollbar. You left NAPW logo on the page, probably in similar position as before and it overlaps the iframe. If you want to use the iframe in order to avoid vertical scrollbar change the height. Could you be more specific as to what is the effect you are trying to achive and I am sure somebody here will be able to help.

What Klimt sees as an iframe is actually an auto-scroll text box (they can look the same). You don't need auto-scroll here, so I suggest turn it off -- there is a button on the top toolbar of the Text Editor. That will remove the extra vertical scroll bar.

Because you have a tall text object, and line spacing differs between browsers, you will see the effects of that as you switch browsers. There are two solutions to this:

1. Specify via CSS code the actual line spacing required -- this will give consistent spacing across browsers. If you don't feel comfortable with code, you won't like this. Or

2. Break your text into several smaller text objects.

The downside to this with the relative positioning and sizing that you are using is that you will have text objects overlapping as you decrease the size of the browser window. This is such a difficult problem (and yes, frustrating!) that I just do not use relative positioning and sizing.

What I would do is remove all relative positioning and sizing. Instead set horizontal page centering -- Page Editor > Special Effects. This will give a page that stays horizontally centered in any browser. Because your design width seems to be about 1000px, in browser windows less than this in width, you will get a horizontal scroll bar appearing -- which happens at the moment in IE7 at about 800px.

So you now have a design decision:
1. Stick with relative positioning and sizing (and option 1 above). Or
2. Take the easy way out and use horizontal page centering.

What is CSS code? I know HTML. ??
OR
How would I remove all relative positioning and sizing? Plus, I don't see how this will help my problem as what I want is that no one has to scroll horizontally to see all of my text, so doesn't this approach defeat that purpose?

Also, now that I've tried doing all these 'fixes' everyone is telling me to do, my links on the left side of the window is correct only on the home page. I'm not sure what it's doing on the other pages.

I used to build web sites using only HTML. This problem wasn't actually ever a problem at all. You'd just program in the percentage of the screen you wanted the text to be in instead of programming it in pixels, and it would always fit on anyone's browser, regardless of size. That was 10 years ago. Has it actually gotten that much HARDER to make that happen now?

I got this software because I thought it would make building the site so much easier than writing the programming myself. WRONG! I could have built 10 web sites in the time I've spent trying to get this one to do what I want it to.

I just don't want anyone to have to scroll left or right to see all of my page, regardless of their browser. I don't care if it reformats the title from one line to two. I don't care if it reformats the text to fit into a smaller window. I just don't want scrolling from right to left, and I want the gifs to be centered no matter the brower, too.

If you are trying to use your previous design knowledge in SiteSpinner, then it will not work. SiteSpinner uses absolute positioning code (via CSS) to place objects on a page. This is just the way it is designed to work. When you choose to use relative sizing and positioning on a SiteSpinner page, you do so in the context of the SiteSpinner development page, not the rendered HTML. This is a drastic change from the way you are used to designing pages.

To use SiteSpinner effectively, you should pick a screen resolution that suits your needs and build your page to fit. I think you will find that if you design for a screen of 800 to 900 pixels wide, there will be no need for your visitors to horizontal scroll.

I haven't been trying to use HTML, I'm just saying it would have been easier. Now, where might I find the place to change the screen resolution to 800 or 900 pixels?

Use the main menu bar Options->Project Options...
On the right-hand side you will see a list of 3 predefined screen Target Resolutions and 1 custom area where you can set your width and height.

This setting will enable the dashed blue-lined page guides on your work page. When you place your SiteSpinner objects on the work page, just make sure they fall inside these guide lines - or at least the width guide.

I changed the resolution to 800X600. I've seen the blue lines, but never knew what they were. The blue lines are only a very small part of the page. If I move all of my text to the left so that it fits to the left of that little blue box, my text ends up going so far off the right side of my screen, I can't even see it anymore. Once again, this has made the page much worse.

When I viewed the HTML code at the link you gave above, I see that you have relative positioning tuned on. Have you tried turning that off and then sizing & positioning your objects at absolute positions on the page?

Sorry I know I'm not going to help at all but as Klimt said earlier re 'Banner' (obj.) size I just downloaded it and it's still 1678 x 106, surely that's always going to 'upset' the page for any size smaller than that.

Just ignore me Jane, I know nothing !
Keep calm and keep with them you will get it sorted

Andy

I haven't uploaded any more changes because all of this help I'm getting is just making my website more and more and more unreadable.

I am thrilled when you give me advice, but I don't know how to say this one thing clearer; I do not understand your jargon or how to do what you're asking me. You ask if I'd tried turning off the relative positioning and then sizing & positioning my objects at absolute positions on the page. That might as well be in French because I don't know what you mean when you ask me to size & position my objects at absolute positions on the page. Can you please speak in "I don't know nothin'" language so that I might have a clue what you're talking about.

Thank you.

Have you worked thru the Help->Tutorials->Your First Project?