Hi… I’m working on a new project, and have run into something I’m not familiar with. I’m trying to get away from ‘left-align’ pages, so that the browser can size the page according to the viewers browser: I have the align set to none, and am building a header around a logo which was provided to me, hence the colors, which aren’t finalized. The issue has to do with the logo - at extreme display sizes, for instance, 1600 x 1200 on my 23" ADC, the logo breaks up and shows a white patch, which I can’t seem to eliminate. At smaller sizes it’s not a problem, but it bothers me nonetheless, as I know I see this technique used on many web pages, and I cannot figure out how to do this in Freeway without this white space (obviously, I could just make the background white, but I don’t want to do that).
I tried centering the page, and did do that on an earlier design attempt. What happens is that the design elements don’t expand as the page expands horizontally -they remain the same size as drawn. With align set to ‘none’, the design elements expand and contract across the top of the page regardless of the browser size. It’s a flexible, rather than a fixed, width design. Yes, I could set it to center, but then the effect I’m looking for would be lost. Funny thing is that it would solve the problem with the image. I’d like to eliminate the problem and also have a flexible width design.
I saw that, too, in the code. I can’t explain it. I have the color set, in both background and properties in the inspector palette, to be the same, on the image, as well as in the HTML box it’s inside. They all are the same color. And when you view the image alone, through a browser, it clearly has the same color.
(As an aside, when I set the HTML item to grow, the white patch shows up right away)
I’m mystified. I may try and set the color in the code myself, as a last resort, but I’d rather not inker with it if I can get this to work in Freeway.
The image that I’m using is not one I created - could it be this image, and the way it’s been created, that could be the color? I got it from the artists’ graphics designer.
UPDATE: It’s clearly the image that is the issue. The page elements will move and re-size as I expand it in a browser window, without the image. When you expand the browser window beyond the size of the graphic as set in the container, it shows the background color on the page.
When I do this with an HTML box set with graphic text generated by FW, the page functions correctly - this is how the template pages are set up.
With the image in place, the image is moving, relative to the left edge of the container, until the browser size exceeds the size of the container - that’s when I get the background color.
So it would appear that the only way around this is to set the background color to be the same color as the image background. I still think, though, that I must be doing something wrong, or not using FW properly.
I’ll wait before I bother the poor folks at Softpress. Perhaps someone else has an idea.
Of course, there is always the possibility that no one would view the page at anywhere near full screen on a 1920x1200 display - at typical browser sizes and resolutions, you can’t tell that it’s a problem. Bu that surely not a practical suggestion for a ‘professional’ site.
I have set up a back-up design study, using white as the page background. This works:
As I said earlier, I’ve had a similar problem with a background showing through when pages are expanded.
Mine happened when I had multiple html boxes on top of each other and when type size was increased in the browser, the boxes expanded, but “broke up” with the very last background showing through.
On 3 Jun 2010, 12:21 pm, Robert B wrote:
Mine happened when I had multiple html boxes on top of each other and when type size was increased in the browser, the boxes expanded, but “broke up” with the very last background showing through.
Never was able to fix it, as I recall.
I have one html box with the logo combined with it - it isn’t layered. Since a FW generated GIF text block doesn’t exhibit this kind of behavior, I can only deduce that it must be caused by this image - which doesn’t make any sense to me, as an image is an image - and both are GIFs.
Yep, that would do it. Perfect! I’m examining the code and I see a number of changes, something that I don’t think is possible in FW. Can you briefly tell me how you did that?
And, I’m now assuming I’ve run up against something that requires a hand-coded solution, in order for it to work.
I was thinking of using a CSS menu across the page, underneath the logo header, regardless of browser size, with links, hence my interest in this kind of a layout.
Dave, I’ve examined both files and see that you have used more elements, which I’m not sure I understand the reason for. I also see that your image is somehow being output in a different way. I’ve uploaded my working file in an archive for you to look at - maybe you can tell me why yours works and mine doesn’t. I’ll continue to look at it from my end and see if I can come up with any insights.
Thank you very much for your help! Go here for the download link: