Static body for resizing (How to keep the body from sliding and moving when resizing)

**bjmhistory** · 25 Jan 2007, 03:21 AM

Well, I don't know if I searched for the right phrase or not but here is the issue. I would like to *** a tag somewhere in the css that creates a static body.

When the page is resized (usually when it is minimized to a certain point) the body moves over my background. The header remains and so does te background...but the body slides.

http://www.historicalpreservation.org/store/

Many thanks.

**kobra** · 25 Jan 2007, 03:31 AM

Can you describe this action in a bit more detail?

I looked at your link but can't grasp what it is that you are referencing

**bjmhistory** · 25 Jan 2007, 03:50 AM

Press the 'restore down' button on your browser and then resize the browser so it is smaller on the screen. The store body (the section below the header and in between the black bars slides. Can this be changed so it does not move at all?

Let me know is that helps.

Thanks again kobra.

**bjmhistory** · 25 Jan 2007, 04:08 AM

I'm wondering if this is a margin issue. I have the margin on auto because I want it centered.

Should there be another margin tag inserted or edited in the css to keep it a certain distance from the border when resizing?

Or is there another command other than "auto" than I can use to center my store body. (center didn't work)

**kobra** · 25 Jan 2007, 07:49 AM

If I am see what it is that youare concerned with I am guessing that you are designing and using IE to do this with.

In FireFox there is a border alignment issue even at full screen. It appears that you have worked around the single main table that is designed to contain all elements in the page or mainWrapper and added/changed with tables of your own and these are not contained in the mainWrapper and so do not move as a unit.

In addition, check your page validation at http://validator.w3.org/ as there are many errors ober and above just a margin issue. Then convert to the classic template and check as this should report as valid.

IE is quirky enough and not used by most designers but only to verify that the IE quirks are addressed.

**barco57** · 25 Jan 2007, 07:55 AM

The table you have at the top of the page is outside the mainWrapper so its not affected by the margins applied to the mainWrapper. The bigger problem is that when you created the table you cut and pasted all of the code including the head, html, body tags so basically the structure of your page looks like this:

Code:

<html>
<head>
</head>
<html>
<head>
</head>
<body>
</body>
</html>
<body>
</body>
</html>

When it should be:

Code:

<html>
<head>
</head>
<body>
</body>
</html>

Where did you put the code for the top table? I would have put that table into the headerWrapper or wrap the page in an extra div so you can position it as one large block.

**bjmhistory** · 25 Jan 2007, 01:45 PM

I placed the top table (this is the main table header that is consistent throughout my site) in the tpl_main_page.php file located in the common sub-folder in the templates area.

I pasted the following code <?php
include ("http://www.historicalpreservation.org/store/index_header.html");
?> which directs a pages to theat table (header).

1) Where should I place my header tabe in order for it to remain in line with the store body?

**bjmhistory** · 25 Jan 2007, 01:47 PM

Likewise, I guess i could create the header table in a php instead of html file. Will that solve the redundant head tag?

**kobra** · 25 Jan 2007, 02:01 PM

1) Where should I place my header tabe in order for it to remain in line with the store body?

I would move it to the tpl_header.php file and order it there as required.
The default file has basically 2 major items "branding" and "navigation" and nav is the first or at the top.

You will want to reoder the complete bof to eof of this and place branding before the nav entries.

Not seeing your exact code this might be all that is required as this sits within the default wrappers as I would retain the div and change the contents between them

BTW: nice layout design

**bjmhistory** · 25 Jan 2007, 02:18 PM

hmmm...I have a feeling that this custom table header goes into *tpl_header.php*.

....but where?

Thread: Static body for resizing (How to keep the body from sliding and moving when resizing)

Thread Tools

Search Thread

Display

Static body for resizing (How to keep the body from sliding and moving when resizing)

Re: Static body for resizing (How to keep the body from sliding and moving when resiz

Re: Static body for resizing (How to keep the body from sliding and moving when resiz

Re: Static body for resizing (How to keep the body from sliding and moving when resiz

Re: Static body for resizing (How to keep the body from sliding and moving when resiz

Re: Static body for resizing (How to keep the body from sliding and moving when resiz

Re: Static body for resizing (How to keep the body from sliding and moving when resiz

Re: Static body for resizing (How to keep the body from sliding and moving when resiz

Re: Static body for resizing (How to keep the body from sliding and moving when resiz

Re: Static body for resizing (How to keep the body from sliding and moving when resiz

Similar Threads

CSS questions for buttons, and resizing

My mod requires I add info between the <head> </head> and<body> </body> tags. How?

Can any body tell me whats the error means ? and how will i fixed

How do I keep the banner images from resizing automatically?

iFrame for the body and header reloading

Posting Permissions