Why is my header and footer cut by Dreamweaver?

Greetings. I'd appreciate strongly any help to solve this problem.

I created a website using dreamweaver. In publishing, I noticed that the header, footer and sidebar were cut. I have an image in the header and footer, and only 1/4 of the image shows on the Web site.

In addition, the second part of the sidebar, starting with the black box is supposed to extend all the way to the bottom of the page (just above the footer), but only about 1/4 of this watch as well.

Please let me know what I can do to solve this problem.

http://www.ziyah.com/

Thank you in advance.

If it helps, here is my code:

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 >
. Happy {right margin:-1px ;} / * this negative margin of 1px can be placed on any of the columns in this layout with the same corrective effect.} */
UL. NAV a {zoom: 1 ;}}  / * the property zoom gives IE the hasLayout trigger to fix additional whiltespace between the links * /.
< / style >
<! [endif]-->
<!-TemplateBeginEditable name = "head"->
<! - TemplateEndEditable - >
< style type = "text/css" >
{.ziyahED}
display: block;
Width: 150px;
margin-right: auto;
left margin: 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 "> flower of peace < /a > < /li >"
"< li > < a href ="... / colorsoflove.html "> colors of love < /a > < /li >"
"< li > < a href ="... / fruitgarden.html "> < /a > < /li > fruit garden"
"< li > < a href ="... / policies.html "> policy < /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 = "Content Page"->
< h1 align = "center" > welcome to Ziyah jewelry store < / h1 >
< p align = "center" > < / p >
< p align = "center" > awaits a decadent collection of jewelry that will make feel you elegant. < br / >
< br / >
Classic colors and modern styles are put together to create jewelry that are romantic, sexy, and < br / >
superb.  < br / >
< br / >
Treat yourself to a gorgeous piece to wear for an evening of celebration, special, or accentuate a sophisticated < br / >
glance. Jewelry by Ziyah is intended to enhance the beauty of any outfit for those moments you < br / >
you want to look very 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 box" / > < / p >
< p align = "center" > < / p >
< p align = "center" > < / p >
< p align = "center" > free delivery on all orders to the United States. < /p >
< p align = "center" > < / p >
"" <! - TemplateEndEditable - > <! - end content - > < img src = "... / pictures/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 size is your use of the

that is not the way to go.

Define a new rule in your .header min-height of your background image however, is the will to solve the problem of header/image.

In the side nav, change the background color to your menu color, see if that solves your problem, if it is a better option would be to use a false column, you can read about them here.

http://www.paulgdesigns.com/faux-columns.php

Your footer you have the image the value 25 px in height and which seems to be what you have found.

Gary

Tags: Dreamweaver

Similar Questions

  • Header and footer in Adobe Muse? Also the Menu text may be cut to half way.

    How do I make the header and footer items load faster in Adobe Muse? I'm hosting with Business Catalyst. Everything else loads almost immediately on my web page, but my header and footer graphics-wood grain photo taken nearly 10 seconds to load and almost a minute to load on mobile devices.

    So, my menu isn't loading correctly on other devices of peoples. On my lap top of page, everything looks good, but on other devices of peoples, the text in my menus load only to half way? -only shows half of the text.

    Still working on my site, but to see what I'm talking about, you can visit the web page, I am in the middle of the building to www.bkskin.com

    Please give me some advice if anyone of you, thank you.

    Megan Burnett

    Hello

    It seems to be a problem with the font you used.

    You used fonts of bubble- and if you check this font in Google Chrome it is cut and if you check in Firefox, it is.

    Please take a look at this link in Google Chrome and Firefox and you'll see the difference: http://www.google.com/fonts/specimen/Bubbler+One

    I suggest you use another font to set.

    Kind regards

    Sachin

  • Why Nav, header, and footer keep disappearing from web pages on DW CS4

    When I open a page of website file, it shows an asterisk, which means that a change has been made since the last save - nav, header and foot have disappeared!

    When I check the nav, footer and header, they're all astericks too, and I have not changed anything, because the last I looked on the pages.

    After panicking, I learned to do a right click on the file at the top of DW tab, and click on restore to get the pieces missing back, but why doesn't this keep happening?  Thank you!

    InJoy salvation,

    I mentioned yesterday a book that might be useful. It's * build your own

    Standards Compliant Website Using Dreamweaver 8, * written by Rachel Andrew,.

    published by Sitepoint Pty, Ltd 2005.

    It of an old book of basic, but explains the side Server includes and CSS

    styles quite clearly. Chapter 8, page 225-234 talks on the creation of the

    side Server and how it works so that the CSS style sheet includes

    - and how and why are sometimes not visible!

    So forget everything I've said because I really don't understand this myself, but

    Today, more than before after having read Chapter 8.

    You can buy the book the Sitepoint site, or it's probably in a lot of second

    stores hand holding books or even the library.

    Fun to read.

    Sunovice

  • Change the header and footer in a downloaded HTML E-mail

    How to choose a different header and footer in an HTML e-mail that you load through the new process of downloading HTML?

    Thank you.

    Hi Rob,

    I tried to do this the other day without success.  I finally called in.  Support Rep said I need to re - download the HTML and attach the and use the Email Group that attaches the header and the footer appropriate.  Save under and assigning a new E-mail group was not working.  He did not know why, but it wasn't.  Good luck!

  • MISSING LAYOUTS - 2 column fixed, bar right side, header, and footer column 3 fixed, header and footer

    I use Dreamweaver 2013 and when I go to file, new and select new document, model HTML. My two page layouts (2 fixed column, right sidebar, 3 column AND header and footer fixed, header and footer) does not appear, instead it just says: < no >. Why this happens and how to fix this! Please help me!

    As I thought.

    You do not have these models it is because you are using the current version of DW CC 2015.

    These models have been deprecated / replaced by newer models of Bootstrap.

    You can read about the changes of product below.

    New features of CC 2015

    https://helpx.Adobe.com/Dreamweaver/using/whats-new.html

    If you are a Subscriber payment & your computer OS is Win7 or Mac OS x 10.7 (or an earlier version),

    You can fall back to a previous version of DW as most close as possible to your manual.

    Otherwise, you're out of luck.

    Nancy O.

  • Header and footer spacing issues

    I can't solve this problem.  Please help me with an answer to why this continues to happen.

    The image below shows a negative or 'empty' space above the blue square of icons.  Essentially filling the browser must be covered with this blue square of the header down to the footer (the right side is left alone)

    Preview of Home Page.JPG

    Below you will see my master page and where the header and footer are defined (ignore the rounded corners on the dark menu on the left.  I took the screen shot until I dropped the rounded corners)

    Master Page.JPG

    Site Properties.JPG

    If I "uncheck" the option 'Footer' upstairs in my page on my homepage settings, the blue square attaches to the header and pushes the icons down to the footer; See below.

    Footer Deselected Preview.JPG

    If I let the 'Footer' option is selected, then the blue square and the icons are there where they are supposed to be in the square, but then, there is a negative or empty space above the blue square and icons (between the header and blue square and icons).

    Home Page.JPG

    Please, someone will give me a reason why he did this?  There are NO other objects in the way.

    I even deleted the fill browser background image and it always does!

    Please try to place the pictures icon separately on the page in case you have grouped the. Also if in any image and then remove the bezel and then check.

    If still the same issue, so I would need to check the file.

    Thank you

    Sanjit

  • Problem with Notepad printing header and footer

    How can I get rid of the header and footer when I print something I wrote on Notepad.

    It does not show the on the notebook until I print it.

    In Notepad, use file > Page Setup to change the headers and footers.

    See also: https://support.microsoft.com/kb/78790

    That came in this research: https://www.google.com/search?q=windows+notepad+header+footer

  • 4620 prints extra blank page except for her print header and footer on the blank page

    4620 all-in-one, I am trying to print an email from the firefox browser, there is only a single page, but the printer prints 2 pages. The second page has only a header and footer on that printer. I only want a page and select 1 page, but still.

    Hello and thank you for the HP forums. To resolve this problem, you must first restart your computer. Holder of restarting the computer, unplug the power cord at the back of the printer, while he is always under tension. Unplug the power cord from the power source and wait 30 seconds. Plug the power cord directly into a wall outlet (not in a surge protector) and connect the power cord to the back of the printer. Repeat the print job. If the problem persists, try using a different browser such as Google Chrome or Internet Explorer.

  • How to set the header and footer settings

    HP Officejet Pro 8600 - N911a

    Windows 7 64 bit

    Printer wireless

    Using the Firefox browser

    I finally found where I can go to define the parameters of the header and footer: file then page setup

    However, I don't know what numbers to put in the top, bottom, left and right margins so that the header and the footer is printed when I print anything.

    It is only printing on the bottom half of the header at the top and the low foot.

    Also, how can I print only a "selection" of a page.  I highlight the part that I want to print only, but I don't know how to do this.

    Any help is greatly appreciated.

    Thank you.

    You encounter formatting problems are a matter of the browser you use and the format that it allows. There are modules of your browser that may allow you more features, but that would depend on the application itself. Also you can see one of the other browsers (Chromeor IE and see if they have the features you are looking for.)

    In regards to printing a section of the page, I advise to use the tool captures (just type in the menu START and type this program) which will essentially allow you to take screenshots of areas only you want to print. You can then print or save, or do both.

    Let me know!

  • Record header and footer settings

    Can someone tell me please how to set the parameters of the header and footer and save these settings for printing so that I don't have to enter the settings area and make sure that my printer is always selected to 'print borders', which is what seems to make the header and footer still print on my page.

    Also, how utiilize the setting "custom" under headers and footers.  I want to divide the date and time on the page and I don't know if I can do it.  That's where I'm wondering if the 'custom' area comes into play.

    I have e-all-in-one-HP Officejet Pro 8600 printing.

    Thanks for any help!

    From what it seems that you have created multiple threads on the same subject. While this may get you an answer in a faster way, it deprives the other users to communicate with us. If in the future, you would create a single thread by number, it will be greatly appreciated.

    As I explained in this post: http://h30434.www3.hp.com/t5/Printing-Issues-Troubleshooting/How-to-set-the-Header-and-Footer-Settings/m-p/2366241

    These parameters are not defined by software or the printer drivers and belong instead of the program that you use (in the case of the thread as I responded to Firefox).

    I hope that you have the information you were looking for and have a nice day!

  • How to set the header and footer on Officejet Pro 8600 more

    The header and footer are halfway out of the page and difficult to read.

    I got my printer configured to print without margins.  When I changed that now I can see the header and footer.  Looks like I solved my problem

  • I only get the (page 1 of 1) header and footer (file://C...) when I print online

    When I try to print a document online, I only get the (page 1 of 1) header and footer (file://C...)  This is not always the case.

    How to print the document, as indicated on the screen?

    I'm on HP Officejet Pro 8600, but had the same problem with my HP Officejet 6500.

    Windows 7

    He tried again on another messaging - and it worked! It must be me.
    Thank you.

  • Bad error parameter to insert page number with header and footer.

    Hi I use Adobe Acrobat standard version 7.0.  I am not able to insert page number in the option "header and"footer. "  invited error message like "invalid parameter."  Help, please

    The only available version is DC. You can purchase a permanent license or subscription, which includes future updates. You are at least 7 years too late for a reduced price upgrade.

    I recommend that you use the fi free trial CD on ANOTHER COMPUTER to see if the problem is corrected. Once you uninstall 7 you will be NEVER BE ABLE TO REINSTALL.

  • How can I remove the header and footer of the Cabinet

    How can I make a flat square box in the ADF? What I do use PanelBox or is there another component? or do I just use html div?

    When I use PanelBox I get the header and foot shadow. I want to remove that. Can someone give me the code to do?

    I tried this in the Css, but did not work:

    .panelBoxClass1 af | panelBox:footer-{start: kernel: default}
    display: none;
    }

    .panelBoxClass1af | panelBox:footer - Centre: kernel: default {}
    display: none;
    }

    .panelBoxClass1af | panelBox:footer-{end: core: default}
    display: none;
    }

    .panelBoxClass1af | panelBox:header-{start: kernel: default}
    display: none;
    }

    .panelBoxClass1af | panelBox:header - Centre: kernel: default {}
    display: none;
    }

    .panelBoxClass1af | panelBox:header-{end: core: default}
    display: none;
    }

    where panelBoxClass1 is the styleClass attribute defined on some Panel boxes. styleClass attribute did not work.

    put in inlineStyle-

    Width: 200px; height: 200px; border-color: ActiveBorder; border-style: solid; border-width: thin; background-color: blue;


    and it looks like this-


    Ashish

  • Header and footer does not.

    With the new update, the header and the footer in master pages do not work correctly on published sites, specifically the look of text. When I saw this muse, all pages look very well, and even when I Preview in the browser, it looks good. The problem starts when I publish in Business Catalyst, so it might be a problem here, but I don't know. Is someone can shine some light on this issue? I've tried everything. Here are two sites that I'm getting that seem to have the same problem:

    Showcase 3D printing

    Misión Iglesia Cristiana Nuevo en Houston, Texas once. Pastor Balmore Díaz

    On both sites, the home page header and footer appear as its supposed to, but once you browse through the other pages the style for the text of the header and footer design is removed.

    Disable 'IBE' in the 'Advanced' Panel ' file > real estate Site "to Muse. Disable 'IBE' to avoid this bug. We have a fix in the tests. An update to this address should be published soon.

Maybe you are looking for

  • SMPTE timecode

    Y at - it application/software for the SMPTE timecode to an iMovie project ONCE it has been published? For example, I have a rough cut almost done I want to send to a person of graphics to add graphics, effects beyond my reach, and I need indicate in

  • Presenting Keynote 6.6.2 problems

    Keynote 6.6.2 when I present, I just get a cursor and that's it.  I want to be able to see the footnote / the notes slide when I present to you, but the only way it seems what to do with the settings that you get when you press play.  These are not d

  • The default cursor position goes to sleep when I click on turn off computer

    When I click on the Start button, then click on (computer turn off) the pointer snaps to standby mode. How can I configure it to snap to power off the computer

  • Issues on user profiles

    Ok. I have some questions that I'm hoping a Microsoft Advisor can help. I'm a recently blind power user. I prefer Windows 7 and will continue to use it until I think there is a better version of windows there. I started to create my own Unattend.xml

  • NPS Windows Help for authentication of aaa for Cisco router - is it safe?

    I am very confused about how all this works and was hoping someone could help me. I followed a bunch of tutorials online for authentication RADIUS of installation on a Cisco router and he did to a NPS Windows Server. Now I can ssh into the router my