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

**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:05 PM

I see. Let me reorder, as you mentioned, and we'll see if that works.

Hopefully that will fix everything. Of course, I can hope all day but I still might be sitting here at the end of it:)

Any ideas why my custom header table is running a bit to the right. Seems like a margin problem somewhere.

btw: thank you. but Im more of an artist than a php coder I guess:)

**barco57** · 25 Jan 2007, 03:37 PM

You don't need to use an include here. You can stick html in an php file...it just needs to be place between a php closing tag (?>) and a php opening tag (<?php)
I would consider taking all of the table html and sticking it in the tpl_header.php like this:

Code:

<div id="headerWrapper">
<table>
   ......your table html
</table>
<!--bof-navigation display-->

notice I only use the code from <table> to </table>

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

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

Didn't even cross my mind to do that one. I'll try it as well and see what happens.

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

Inserting the html for my custom table header directly into the tpl_header worked great. Now I'm going to readjust/design the custom header to 950px.

**bjmhistory** · 25 Jan 2007, 04:12 PM

Originally Posted by barco57

You don't need to use an include here. You can stick html in an php file...it just needs to be place between a php closing tag (?>) and a php opening tag (<?php)
I would consider taking all of the table html and sticking it in the tpl_header.php like this:

Code:

<div id="headerWrapper">
<table>
  ......your table html
</table>
<!--bof-navigation display-->

notice I only use the code from <table> to </table>

Looks like everything is working out as far as the layout. I'll have some tweaking and cleaning up to do now. Any idea if it is possible to put the background into the design without going through the css?

This is a great tutorial for placing custom headers. Many thanks to you both.

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

Thread Tools

Search Thread

Display

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