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

**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.

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

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

....but where?

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

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

....but where?

Try looking at the current code between bof branding and eof branding. Ithink that this is where you can alter/add your code

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

I place my custom header in the tpl_header.php file after the <div id="headerWrapper"> and it appears as follows:

<div id="headerWrapper">
<?php
include ("http://www.historicalpreservation.org/store/index_header.html");
?>

<div id="navMainWrapper">
<div id="navMain">

This seems to have done the trick, however, it appears my headerwrapper margin needs to be adjusted.

This must be a stylesheet issue.

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

Yet, the initial problem still remains.....The page body slides over the background bars when resized down.

**kobra** · 25 Jan 2007, 03:00 PM

Closer but no bananna...

You need to strip some of your html code out as this is not defining a page and requires not head tags, a point that barco pointed out. viewing your source this is want is contained currently in the header wrapper and of course the corresponding closing tags:

Code:

<!--bof-header logo and navigation display-->

<div id="headerWrapper">
<html>
<head>
<title>index</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body bgcolor=#8A876F leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>
<table id="Table_01" width=1026 height=185 border=0 cellpadding=0 cellspacing=0 align="center">

but earlier in ths view Zen Cart already has this:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
<head>
<title>HistoricalPreservation.org, The History Store</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-88

No need to repeat head, meta etc....just the relavant code to display the header and defined tables.

Now, I can see that this was for a previous site and there are some spacer tables that are not required also both left and right your full table ends up being 1026 px wide and you have the main wrapper defined as 950px an initial mis-match, then for other reason from the original there are spacer tables on the left and right and tables for the left, right and top brown border and these are handled now by some other border definition and also are not needed in your header.

There remain many many non-valid coding errors in this also.

**bjmhistory** · 25 Jan 2007, 03:44 PM

on the mainwrapper width:

-My custom header is 1026px in length.
-My main store body is 950px
This was done so the store would fit snug within the black bar background.

Should I recreate the header so it is 950px now that I am placing it within tpl_header.php?

I cn always adapt the background to fit with the design.

**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?

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

Thread Tools

Search Thread

Display

Hybrid View

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

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