Absolute positioning works TOO well. :[ Options

[Cake]

Here's a link to my page: http://cake.web44.net/

When the page is maximized, everything is perfect. The problem is that when the window is smaller than usual, the iframe jumps to the right from the absolute positioning. To view the code, just use "View Source" please.

Thanks so much with any and all help I may receive. :]

Whoops, I posted this in the wrong place. :[ Well, since I'm here, I might as well ask if there's a better thing to use than an iframe.

This post has been edited by Cake: Dec 9 2008, 10:42 PM

[pandy]

That's what happens when you position things relative the edges of the browser window. Why not just center the iframe?

Whoops, I posted this in the wrong place. :[ Well, since I'm here, I might as well ask if there's a better thing to use than an iframe. [/size][/font][/color]

Yeah, there is. Question is why do you use the iframe now? What is it you want to accomplish? Is it the scrollbar you like? Do you want to avoid updating the whole page? Or...?

[Darin McGrew]

Your background image is centered. Your content is positioned relative to the left edge of the display area. They're going to match at only one width of browser window. Pick one approach and use it for both.

But positioning content over specific areas of a background image is a particularly fragile way to design a layout. It's better to give each element its own background, in a way that allows the background to adjust to the size of the element.

[Cake]

Pandy:
Yeah, I don't want to have to update the entire page. I'm not too great at PHP or else I'd do that. :[

Darin:
Should I use a table? I'm not sure what I should do from here.


Thanks for your advice so far, guys. :]

[pandy]

You could use PHP, you don't need to be great to do this. Or use SSI if you don't think you need PHP for anything else.

More here: http://htmlhelp.com/faq/html/design.html#include-file .

It's as easy as this. Cut out the code for example the menu (what you want to include on all pages) and save it in a separate file. You can save it as .txt. I like .inc because I immediately know what it is.


In the HTML file you put this where the menu used to be.
<!--#include virtual="/path/to/menu.inc" -->

That's basically it. Not too hard, huh?

You also need to tell the server to parse the document for SSI. Easiest is to rename the HTML file to .shtml. You can change that so .html files are also parsed, but to just try it out .shtml will do fine until you know if you want to continue to use it.

[Cake]

Okay, awesome! Thanks. I'll definitely try that.

However, I'm not sure what I should do about the absolute positioning. How would I be able to keep the layout?

[pandy]

Center the iframe.