Why is my header & footer cut off by Dreamweaver?

Greetings. I would highly appreciate any help in resolving this issue.
I created a website using dreamweaver. Upon publishing it, I noticed that the header, footer, and sidebar have been cut off. I have an image in the header and footer, and only 1/4 of the image is showing on the website.
Furthermore, the second part of the sidebar, starting with the black area is supposed to extend all the way down to the bottom of the page (right on top of the footer), yet only about 1/4 of that is showing as well.
please  let me know what I can do to resolve this issue.
http://www.ziyah.com/
Thank you in advance.
if it helps, the following is my 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Ziyah.com</title>
<!-- TemplateEndEditable -->
<link href="../twoColLiqLtHdr.css" rel="stylesheet" type="text/css" /><!--[if lte IE 7]>
<style>
.content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
</style>
<![endif]-->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
.ziyahED {
    display: block;
    width: 150px;
    margin-right: auto;
    margin-left: auto;
h1 {
    font-size: 50%;
h2 {
    font-size: 50%;
h3 {
    font-size: 50%;
h4 {
    font-size: 50%;
h5 {
    font-size: 50%;
h6 {
    font-size: 50%;
</style>
</head>
<body>
<div class="container">
  <div class="header">
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p><!-- end .header --></p>
  </div>
  <div class="sidebar1">
    <ul class="nav">
      <li><a href="../index.html">Home</a></li>
      <li><a href="../classiccollection.html">Classic Collection</a></li>
      <li><a href="../peaceblossom.html">Peace Blossom</a></li>
      <li><a href="../colorsoflove.html">Colors of Love</a></li>
      <li><a href="../fruitgarden.html">Fruit Garden</a></li>
      <li><a href="../policies.html">Policies </a></li>
      <li></li>
    </ul>
    <p> </p>
<p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
  <!-- end .sidebar1 --></div>
  <div class="content"><!-- TemplateBeginEditable name="Page Content" -->
    <h1 align="center">Welcome To Ziyah Jewelry Boutique</h1>
    <p align="center">  </p>
    <p align="center">A decadent collection of jewelry that will make you feel elegant awaits you.<br />
      <br />
      Classic colors and modern styles are brought together to create jewelry that is romantic, sexy, and<br />
      stunning.  <br />
  <br />
      Treat yourself to a gorgeous piece to wear for a party, special evening, or accent a sophisticated <br />
      look. Jewelry by Ziyah is destined to heighten the loveliness of any outfit for those moments you <br />
      want to look extra special. </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><img src="../images/Ziyah_GiftBox2.jpg" width="290" height="376" alt="ziyah giftbox" /></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center">Free Shipping on all orders in the U.S.A.</p>
    <p align="center"> </p>
  <!-- TemplateEndEditable --><!-- end .content --><img src="../images/ZIYAH_ED.gif" alt="ziyahed" width="150" height="25" class="ziyahED" /></div>
  <div class="footer">
    <p> </p>
    <p> </p>
    <p> </p>
    <!-- end .footer --></div>
<!-- end .container --></div>
</body>
</html>

In the header, you have your image as a background image.  A BG image does not change the height of the container, so the only thing that is giving your height is your use of
<p></p>
which is not the correct way to go.
Set a new rule in your .header for a min-height of however large your background image is, that is will solve the header/image issue.
In the side nav, change the background color to your menu color, see if that solves your problem, if not a better option would be to use a faux column, you can read about them here.
http://www.paulgdesigns.com/faux-columns.php
Your footer you have the image set to 25 px in height, and that appears to be what you are getting.
Gary

Similar Messages

  • Why do i constantly get cut off on calls.  I've had this problem with my 3GS, my 4S and now my iPhone 5.  When the core functionality is Phone, i.e. the ability to talk, why can't Apple make the iPhone function as a Phone?  is there an App for that !!

    why do i constantly get cut off on calls.  I've had this problem with my 3GS, my 4S and now my iPhone 5.  When the core functionality is Phone, i.e. the ability to talk, why can't Apple make the iPhone function as a Phone?  is there an App for that !!

    Well, since you've had the same problem, with three different phones, that all use different size sim cards, it seems pretty obvious the problem is with your carrier/coverage & nothing to do with your phone or sim card.

  • I made an album in iPhoto and when it plays through the "slideshow", heads are cut off in some of the pictures.  How do I fix this?

    I made an album in iPhoto and when it plays through the "slideshow", heads are cut off in some of the pictures.  How do I fix this?

    When running a slideshow from an album it will not run properly if the photos are sorted manually.  Sort them by any of the other options, title, date, rating, etc. and it will play correctly.
    Send a report of the problem to Apple via http://www.apple.com/feedback/iphoto.html.
    If you must sort them manually create the slideshow in the slideshow mode in iPhoto, not from an album.
    OT

  • The Header in my home page is truncated. My home page Header is cut off. The header appears in Internet Explorer, but not in Mozilla Firefox 3.6.13. How to make the header display in Firefox?

    The Header in my home page is truncated. My home page Header is cut off. The header appears in Internet Explorer, but not in Mozilla Firefox 3.6.13. How do make the header display?

    (Images or animations do not show) worked well.

  • I am trying to use my iPhoto pictures as my screen saver on my mac book air (lion)... however many of the pictures heads are cut off.  How do I fix this without the pictures looking distorted?

    I am trying to use my iPhoto pictures as my screen saver on my mac book air.  Many of the pictures' heads are cut off.  How do I get the pictures to fit the screen properly without the pictures be distorted?

    Open the screen saver control panel. Right above the preview window there's a popup menu. You'll probably want to set it to "Fit to screen" so the pictures will be resized to show on the display.

  • Why is my design getting cut off?

    Hi, I'm trying to create my first site with Adobe Muse, can anyone tell my why my design is getting cut off like this? (Plan mode and preview below:)
    Thank you!

    Thanks for the help Brad! I made the image longer than the width of my page and it seems to have fixed the problem when I preview it, but will this mess things up in the end? (see below) Thanks!

  • Why my WiFi signal keeps cutting off?

    Does any one know why my WiFi signal keeps cutting off after I installed Lion?

    If you hold down an "option" key while you pull down the Wi-Fi/AirPort menu bar item, what value do you see for "RSSI"?
    It might help to reset the connection settings on your Mac using these steps one at a time until the problem is resolved, recognizing that, depending on your problem, not all of these steps will make sense:
    1) Use the AirPort/Wi-Fi menu bar item to turn AirPort/Wi-Fi off, then on again.
    2) Try to select your Wi-Fi network from the AirPort/Wi-Fi menu.
    3) In the Network panel of System Preferences delete the AirPort/Wi-Fi item from the left column, then add it back.
    4) In the same panel as (3), define a new location and see if you can make that work.
    5) In the same panel, select the AirPort/Wi-Fi connection item, click the "Advanced" button, select the "TCP/IP" tab, then click "Renew DHCP Lease".  Note that the fix this step implements may be temporary.
    6) In the folder /Library/Preferences ( _not_ <yourhomefolder>/Library/Preferences), move the folder SystemConfiguration onto the Desktop, then restart your computer. See if you can now make your AirPort connection work.
    These steps may not help, but they'll only take a couple of minutes to try.  Before you try these, if you have any special network settings on your Mac for things like DSL credentials, note all your network settings, because the latter steps will destroy them.  If you got all the way to the last step, if things don't work any worse than before, you can trash the saved SystemConfiguration folder.

  • Why is my logo being cut off in form wizard

    I am creating a series of fillable forms, and 4 out of 5 work just fine, but one of them cuts off part of the company logo. I have created them all in the same manner so I don't know why this one won't work.

    In the header, you have your image as a background image.  A BG image does not change the height of the container, so the only thing that is giving your height is your use of
    <p></p>
    which is not the correct way to go.
    Set a new rule in your .header for a min-height of however large your background image is, that is will solve the header/image issue.
    In the side nav, change the background color to your menu color, see if that solves your problem, if not a better option would be to use a faux column, you can read about them here.
    http://www.paulgdesigns.com/faux-columns.php
    Your footer you have the image set to 25 px in height, and that appears to be what you are getting.
    Gary

  • When I create a 5 x7 canvas, why are my pictures getting cut off?

    So, I'm pretty new to Elements 12, but I do understand things about ratios and what not.  But I am still not understanding why when I create a 5 x 7 canvas, create something on it, then try to print, it either leaves space on the edges or if I do crop to fit, cuts off my image!  I am creating a completely new canvas and adding pieces to it, like text, clipart and so on.  Any help would be appreciated!

    krolgirl wrote:
    I do understand things about ratios and what not.
    krogirl,
    Check the following:
    Make sure that you have the latest drivers for your printer. You can do that on the manufacturer's web site.
    Make sure that the orientation of you file and the one selected in the print set-up are the same.. If you have a landscape oriented file, for example, go to File>print. In the dialog look for "Page Setup", and select landscape.
    Crop to 5x7 before sending it to the printer. For paper size, try 5x7 borderless,
    Please report back with your progress.

  • Adobe Form Print Problem - Header is cut off without print preview

    We are currently experiencing a problem when trying to print Adobe forms.  We have created several forms and are experiencing the same issue with all forms.  The issue occurs when we are trying to print a form.  If we choose a print preview prior to printing, the form looks normal and prints fine.  However, if we do a direct print (i.e. no print preview), then the top part of the form is cut off.  It's almost like all of that data on the form gets shifted upward, cutting off about 1/2" to an 1" from the top of the form.  We have tried printing to different printers and are ending up with the same results each time.  We do not experience this issue with SAPScript.
    I have searched several threads and haven't been able to find an issue quite like the one we are experiencing.
    Has anyone ever exeperienced a problem like this before? 
    Currently using Adobe LiveCycle Designer 8.1.2 and are on Netweaver 7.00 EhP1.
    Thank you for any help.

    I am going to go ahead and close this thread as I believe we have found a solution.  Sai is correct that there is an issue with the design.
    If anyone else runs into this problem, take a look at note 968394 that talks about differences between print preview and printing from spool.  When you are in the print preview dialog box, under "Page Scaling," the default is "Shrink to printable area."  So if your form went outside the margins, it would shrink to fit giving you the impression that the problem is not with the print preview rather than the form itself. 
    After moving the header stuff down a bit everything is printing normal both through the spool and via print preview.
    Thank you!

  • Outlook 2013 Email Header Being Cut Off

    Outlook 2013 is cutting off the email header on multiple emails.  See screenshot below.

    Hi,
    First, we can try to start Outlook with /cleanviews command to check if this issue is caused by corrupted view. To do this, exit Outlook, press Windows key + R, type
    outlook.exe /cleanviews in the Run dialog and press Enter.
    In addition, please go to Control Panel > Clock, Language and Region
    > Region > Click on Administrative tab and check which language for non-Unicode programs did you set. Please change it to default English to check if it helps.
    If problem persists, we can try to create a new mail profile and set up your email account in the new profile to check the result. See:
    http://support.microsoft.com/kb/829918/en-us
    Please let me know the result.
    Best Regards,
    Steve Fan
    Forum Support
    Come back and mark the replies as answers if they help and unmark them if they provide no help.
    If you have any feedback on our support, please click
    here

  • Why does iPod on iPhone4 cut off the beginning of audio files?

    First time user of Apple and iTunes and iPhone4. I transfer my audio files onto my iPhone, play them in iPod and it cuts off the first 10 or more seconds or so. The files play perfectly well in every other device and player. Why does this happen in iTunes/iPhone/iPod? How to fix this?
    Thanks.

    You might want to cross post this in the Premiere Elements forum:
    http://forums.adobe.com/community/premiere/premiere_elements

  • Why are my song being cut off, not all just some?

    Some of my songs that I bought on itunes are being cut off when there is about 30 seconds left to the song, both on my iphone and my macbook.  I dont know why this is happening. any help would be grealty appreciated.

    Are the episodes being shortened when you publish to a local folder and launch them in the browser as well as when published to the server? See this page under "Troubleshooting"...
    http://www.iwebformusicians.com/iWeb/iWeb-Tips.html
    If the local files are OK it would suggest the problem is on the server. Otherwise you need to troubleshoot iWeb.
    If the problem is files that are too large, you can reduce the sampling rate and/or convert to mono if the content is mostly speech rather than music.

  • Why is my header/footer missing when I mail merge in Word 2013?

    I have just converted from Word 2007 to 2013 and now I am having an issue with my mail merge document. My mail merge document has our company letterhead set up in the header/footer. When I finish the mail merge by selecting 'Edit Individual Documents' using
    an Outlook contacts list - the first page is missing the header/footer but all the others are correct. 
    I use this document and mail merge every few days so this is going to cause me much grief if it can not be resolved.
    I have never experienced this issue before and I consider myself an advanced Word user.
    Has anyone else had this issue and knows how to fix it?

    Hi,
    According to your description, my understanding is that the first page of the Word document lost
    the header/footer, but the other page display well.
    If it is, please try the methods and check if it is helpful:
    Click on File>Options>Display and make sure that there is a tick mark in the box for "Show white space between pages in Print Layout view."
    Then, do you use DOC file (Create in Word 2007) or DOCX file?If
    you use Doc file, I recommend you convert it to DOCX file to test.
    If I misunderstand something, please let me know.
    Regards,
    George Zhao
    TechNet Community Support

  • Why does the menu get cut off even if the project is widesrcreen?

    I made a widescreen project in iMovie, exported it to iDVD, and chose a widescreen theme. It looked fine on my computer but when I burned it and played it on my home DVD player, the words were cut off. I also noticed that when played on some TVs, my movie (although widescreen) played as full screen and therefore, cut off some of the footage. Does anyone know how to fix this?

    HOW TO MAINTAIN 16:9 ASPECT FROM IMPORT TO BURN
    This is the way I do it. There is no compulsion on you to do it my way, but this works (for me). I started this method before iMovie and iDVD were upgraded to 6.0.3, and because not all elements of the various iDVD themes (particularly the pre-iDVD 6 ones) are consistent in keeping to 16:9 throughout the process.
    The widescreen preview works just fine when you check your finished project within iDVD. The problem only happens when you either burn a project or save it to an image.
    A bug in iDVD 6, particularly when working with PAL, and which has been reported to Apple, is that the sub-menus in many of the themes (the chapter settings) default to 4:3 aspect, NTSC and mpeg 1, instead of the desired 16:9 in mpeg 2 in PAL. This may be partly a leftover from iDVD 5 or even a newer ‘feature’ of iDVD 6. Either way, it is annoying when it happens, and we must hope Apple cure it in iDVD 7. In the meantime here is my failsafe workaround, which sounds a lot more complicated when reading about it, that it is in practise.
    Living in the UK, I use PAL (25 fps). Wherever you see a reference to PAL (25 fps) in the following you may substitute NTSC (30 fps) in the various settings mentioned (if you don’t live in Europe), the basic idea is the same. I still use this method, and take these steps, regardless of whether it is always necessary. Worst case scenario: it would have worked anyway. Best case scenario: it works perfectly where it otherwise wouldn’t!
    The object of the exercise is therefore to ‘fix’ all constituent parts of the project (video, titles, theme, effects, even audio!) in the desired 16:9 aspect to avoid producing a DVD where the movie is in 16:9 and the menu is in 4:3 or where other irritating surprises lurk in your project, which you only discover after burning a coaster!
    First go to http://www.mydvdedit.com/index.php?lang=english and download myDVDedit. This is shareware although the download is free. Send the guy a few dollars/euros, he deserves it. While you are there, read all about it. Now install it in your Applications Folder. You will need it later.
    You have finished your iMovie project with music, transitions and so on, and saved it to you Movies Folder. Before you started the project you naturally set it to DV Widescreen.
    Open iDVD. Give the project a name, and save it as Widescreen if it didn’t default to the same aspect as your iMovie project. Now import the iMovie project into iDVD, choose a theme (any theme you like, even if it prefers to stay at 4:3) and save the project. Do what you would normally do to the theme and its drop zones. Save the project.
    Now save as Disk Image on your desktop. Leave it there for the moment when it has finished/appeared.
    Open your Movies Folder. Create a new folder. Name it PROJECTNAME – TS FILES (where ‘projectname’ is the name of your project!). Close the folder. You can of course call it anything you like, but this aids identification.
    Now double-click the disk image on your desktop. It contains two folders: AUDIO_TS (which is empty, but please pretend that it isn’t) and VIDEO_TS. Drag and drop these to the folder you created in your Movies Folder. (This takes a moment).
    Click on the AUDIO_TS folder and go to Get Info in the file menu. Right down the bottom is where you have to change the permissions. Under ‘Ownership & Permissions’ change this from Read Only to Read & Write. Click the small triangle next to Details, scroll down and click on ‘Apply to enclosed items’. You will be asked for your root password. Close the get info window, and now click on the VIDEO_TS folder and do the same. Close the Projectname-TS Files folder. You have now allowed yourself to change the properties of the contents of those folders, which leads us to the next all-important step.
    Open myDVDedit. Go to File and open the projectname TS Files folder. By all means stare at it shock and awe, but don’t bother finding out what it can do, except for the following:
    Top left you fill see a list of files. Lower centre you have a large window. On the vertical menu to the left of that, click te middle one (VTS or VMG).
    In the window at the top left, ignore ‘First Play’ (if there was anything to correct in that, myDVDedit will have done so and told you).
    Click on VMG Menu en (English). Now the whole thing springs to life.
    Set Coding Mode to MPEG-2 (if it isn’t already)
    Set Standard to PAL (or NTSC if that is what you want)
    Set Aspect to 16:9 (not any of the other options)
    Now save the file.
    Click on VTS Menu 1 en (English) and repeat as above.
    Click on VTS Menu 2 and repeat as above.
    You have now permanently ‘fixed’ the entire contents of the TS folder (the disk image) in 16:9 aspect. Close myDVDedit – you won’t need it again until the next project!
    If you have Toast 7 Titanium, open it. ‘Select DVD-Video from VIDEO_TS’. Choose Select from the main Toast window and select your projectname-TS Files folder. You are now ready to burn! You can set the burn speed (2x recommended) before the burn commences. Allow Toast to verify the burn before you eject the DVD-R disk.
    If you don’t have Toast 7, then I assume you can burn the projectname-TS Files folder (disk image) via Disk Utility. I say ‘assume’ only because I have never tried it that way.
    Either way, you now have a DVD which will play as 16:9 widescreen on any TV set, even the old ones where you can’t ask it to letter-box.

Maybe you are looking for

  • Bookmarks drop down menu order

    Since upgrading to Firefox 6 the bookmarks menu order has changed slightly vs 3.6. I would prefer the previous order of Bookmark this page Subscribe to this page Organise / show all bookmarks What needs adding to userChrome.css to get this to work

  • Option button in screen painter

    Hi everyone, Can I group option buttons in screen painter? How? I have two problems: 1. The options buttons seem disabled: when i click on them, they aren't checked 2. I can't group them Thanks Carles

  • Queue vs. Export - some observations

    One of the new features in Premiere CS5 is the ability to export media directly from Premiere without going through AME.  At first, I thought that it probably didn't matter which method one chose, but I now know that it does. For my test, I was worki

  • How to find client_id

    Hi, Can any one help in how to find the client_id for the trcsess utility. thanks vishnu.

  • The future on laptop technology

    Is the tendency for laptops to go the way of the MacBook Air with no HDD and Optical Drive? Does this go hand in hand with the concept of storage drives in the clouds like upcoming iCloud? Will the DVDs get substituted by the flash drive technology?