IE9 top margin problem

Hi All,
I know this topic has been done to death but I still can't find a fix after many trawling the net.
The layout consists of a background swf file with html on top of that. The html has a centred div and inside that a floating div that I wanted to contain a horz nav bar.
I can position where I want by using top margin, looks correct in FF4 Safari Chrome but IE9 positions it at a different height from the top ie in IE9 the nav bar is higher up the page than it should be, have tried all sorts of tweaks but no luck, could someone have a look at this please.
Thanks in advance
Pete
HTML
<div id="flash">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="FlashID">
    <param name="movie" value="construction-background.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="swfversion" value="8.0.35.0" />
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don't want users to see the prompt. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <param name="SCALE" value="exactfit" />
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object data="construction-background.swf" type="application/x-shockwave-flash" width="100%" height="100%">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="8.0.35.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <param name="SCALE" value="exactfit" />
      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
      <div>
        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</div>
  <div id="wrapper">
    <div id="navbar"></div>
  </div>
CSS
body {
    margin: 0px;
#flash {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    overflow: hidden;
#wrapper {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
#navbar {
    height: 50px;
    width: 750px;
    position: relative;
    background-color: #666;
    margin-top: 450px;

In it's simplest form, a menu is merely a CSS styled list.  Copy & paste the following code into a new, blank document.
<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
#navbar {
background:#999;
min-height: 75px;
_height: 75px; /**for pre-IE7**/
width: 750px;
overflow:hidden; /**float containment**/}
#navbar ul,
#navbar li {
margin:0;
padding:0;
list-style:none;
float:left;
font-size: 28px;}
/**links**/
#navbar li a {
display:block;
color: #FFF;
text-decoration:none;
/**space between links**/
padding: 25px;
#navbar li a:visited {color: #CCC;}
#navbar li a:hover,
#navbar li a:active,
#navbar li a:focus {
color: #FFCC00;
text-decoration:underline}
</style>
</head>
<body>
<!--insert near the bottom of your page -->
<div id="navbar">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Policies</a></li>
<li><a href="#">Careers</a></li>
</ul>
<!--end navbar --></div>
<div id="footer">
<p>your footer text goes here</p>
</div>
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists 
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

  • Officejet 6700 margin problems printing from Mac

    I recently purchased and setup a  new HP 6700 all in one wireless printer and have a problem that I can't seem to solve or find a solution for.  Printing from my Mac's leaves margins cutting the top and bottom off of documents.  I've printed the same documents from a PC at work without problem but opening and printing on this printer seems to cut off margins.  I can't find a margin setting to adjust nor should I need to with a default print setting.  I've updated the latest HP print drivers and firmware with no luck.
    Thanks in advance.

    I just found this post and hope I am not too late to pursue this further.
    I have an HP OfficeJet 6700 Premium Wireless Color e-All-In-One Inkjet Printer.  My operating system is Macintosh OS X 10.9.3 Mavericks.
    I have been having this problem for quite sometime and would love to get an explanation, or directions to fix the problem.
    I clicked on the link 'HP Officejet 6600 e-All-in-One and 6700 Premium e-All-in-One Printer Series (H711) Product Specifica...' and saw that the acceptable Top and Bottom print margins for a Mac are .13" and .47" respectively.
    Whether I am in Microsoft Word for Mac 2011 (latest version) or in Preview (latest version), I cannot print a document with a Top margin of less than .5".
    I created some documents in 2013 that were printed on this printer and they came out with no problems.  
    In January of this year, I bought my current Mac, and now I cannot print any of those documents unless I increase the Top margin to '5".  Thinking it might be the HP driver, I downloaded and upgraded to the latest version of the driver, and still the problem persists.  
    I originally was blaming the problem on Microsoft Word, but that does not make sense since the problem also occurs with Preview.
    Your help would be appreciated.

  • Delay in loading report on Vista Boxes when top margin set to 0

    I'm currently using Crystal Reports for Visual Studio version 13.0
    I have a problem when I programmically change any value on the report, I have a delay of 17 seconds or more - it seems to be loading the report.  I began seeing this problem when I modified the Page Settings -> Top margin to be 0.000 (originally the top margin was set to 1.153).
    This problem is only occuring on a group of Vista boxes (running service pack 2)

    It could be printer driver related. Try turning on the No printer setting in the page setup.

  • Set TOP Margin in Sapscript

    Hi,
    I build a check with sapscript but i have a big problem.
    The amount is being printed below as it should.
    Anyone know the command to set the top margin in lines
    in SPAD transaction "Printer Initialization" action?
    I need to set the top margin but I don´t know de hexa code
    Regards,
    Mariano.
    I have this commands
    1. reset
    e0x40
    1. select US-ASCII character set
    e0x520x00
    1. set line spacing 8 LPI
    e0x320x08
    1. select page length 18 lines (17=hex $12)
    e0x430x12

    Hi Rob,
    I searched in the forum and google but I didn't find the code.
    In all the examples that I saw, not see the code for setting the top margin.
    If you know how to do or where to look, appreciate your help.
    Regards,
    Mariano.
    Edited by: Mariano Zenarola on Sep 8, 2010 9:41 AM
    Edited by: Mariano Zenarola on Sep 8, 2010 2:33 PM

  • Top margin when printing with Generic text driver

    I created a report in Character Mode and tryed to print it using the Generic Text windows printer driver, but the Reports is adding a non-specified top margin. I already removed all the margins of this report in the Layout Editor but the problem continues. What can I do to solve this problem ?

    Is it shifting only down, or to the right as well?
    What are the bleed an slug settings, and are you including slug and bleed in the print?
    Is the dialog set to print in upper left corner, and if so does it change when you print centered?
    Peter

  • Div margin problem

    Thanks for reading this post, here's the problem.
    I have a right column div that holds two content divs, one
    over the other. The bottom div's top margin doesn't function they
    way it should, it doesn't give me a 2px gap between the two boxes.
    I assume it has to do with a margin: auto; or something but I'm not
    figuring it out. Here's the page with the css at the top:
    http://www.funkship.com/staging/wned/default_css.html.
    Look for the red box with "WEBSITES" written in it on the right
    side of the page. The offending div's id is #websites.
    Please take a look and let me know what's going wrong.
    Thanks in advance,
    Pharaoh

    Ooops. Got a period in the url. Here is the corrected
    version:
    http://www.funkship.com/staging/wned/default_css.html

  • How to print deposit number in top margin and reset pagination eavh change

    I am using Report Builder 6.0.8.27.0 against a version 10 database
    I have a built a report that works properly. It consists of about 1800 mineral deposits with one main frame cycling on the mineral deposit number and the frame contains a whole bunch of repeating frames containing detail information. Each mineral deposit may be one and 20+ pages long. The report works properly but I need to make the following additions..
    1) At present, the mineral deposit number is only displayed on the first page of the report 'segment'. What I would like to do is have the deposit number displayed in the top margin on each page, next to the title but I am not sure how to do this.
    I began by creating a field in the top margin, but when I change the Source of the Field (in the property palette) to the deposit number (a database field) I get the following error:
    REP-1213: Field 'F-1' references column MDD_NO at a frequency below its group. This is obviously because this is in the margin and the deposit number occurs within the main repeating frame.
    Any suggestions how I might do this - I'm afraid I'm not terribly familiar with reports - and don't have any good reference material at my fingertips. (Only the help files and digging through them is painful - especially when one is not sure what one is looking for.)
    Any help woule be appreciated.
    2) I would also like to create a special page number/sequence where each deposit would have it's own set of pagination
    ie.: Deposit-001 page 1
    Deposit-001 page 2
    etc
    and then reset when the deposit number changes
    Deposit-002 page 1
    Deposit-002 page 2
    Basically, the idea is to restart pagination at each change in deposit number and change the deposit number to the current one. Again, I don't know how to do this.
    The report will appear as a large pdf - which I know has it's own pagination. The reason I want the Deposit number and it's page sequence to appear in the top margin is to make it easier for the client to identify which pages belong to which deposit when they print out and work with 4 or 5 different deposits sets at the same time.
    I realize I can achieve this by printing one pdf for each deposit, but 1800 individual pdf's is a bit much. to handle.
    Thanks for whatever help you can give me
    Glenn

    Hi, 
             just populate ur eventcat  like this , may be this can help u
    form zf_eventcat  using    p_it_eventcat type slis_t_event.
      data l_eventcat type slis_alv_event.
      clear l_eventcat.
    *Get all the events.
      call function 'REUSE_ALV_EVENTS_GET'
        exporting
          i_list_type     = 0
        importing
          et_events       = p_it_eventcat
        exceptions
          list_type_wrong = 1
          others          = 2.
      if sy-subrc <> 0.
        message id sy-msgid type sy-msgty number sy-msgno
             with sy-msgv1 sy-msgv2 sy-msgv3 sy-msgv4.
      endif.
    TOP-OF-PAGE FORM
      clear l_eventcat.
      read table p_it_eventcat into l_eventcat with key
                              name = slis_ev_top_of_page.
      if sy-subrc = 0.
        move 'ZF_TOP_OF_PAGE' to l_eventcat-form.
        modify p_it_eventcat from l_eventcat index sy-tabix
                                             transporting form.
      endif.
    PF_STATUS_SET FORM
      clear l_eventcat.
      read table p_it_eventcat into l_eventcat with key
                              name = slis_ev_pf_status_set.
      if sy-subrc = 0.
        move 'ZF_PF_STATUS_SET' to l_eventcat-form.
        modify p_it_eventcat from l_eventcat index sy-tabix
                                          transporting form.
      endif.
    USER_COMMAND FORM
      clear l_eventcat.
      read table p_it_eventcat into  l_eventcat with key
                               name = slis_ev_user_command.
      if sy-subrc = 0.
        move 'ZF_USER_COMMAND' to  l_eventcat-form.
        modify p_it_eventcat from l_eventcat index sy-tabix
                                          transporting form.
      endif.
    endform.                    " zf_eventcat
    reward if helpful

  • I need a 3-inch top margin on the first page of my letter and a 1-inch top margin on subsequent pages. How can I do this?

    This is so easy in Word but I have spent 2 hours trying to figure it out in Pages. To print on my boss' stationary I need a 3-inch margin on the first page and a 1-inch top margin on the subsequent pages. When I change the top margin on page 2 in Inspector, it changes the top margin on page 1 to 1-inch as well. In Word this is an intuitive, 2-step process.

    Hi Dan,
    Don't confuse "intuitive" with "what I'm used to."
    Pages has "Document" margins, which apply to all pages of the document, and "Layout" margins, which may be set to provide additional margin space in a layout.
    Start by setting the Document margins to 1" all around. This is the default setting for the (word processor) Blank templates. You can check it (and adjust it if necessary) in the Inspector. Open an Inspector window (View > Show Inspector). Choose the Document Inspector (first button).
    Switch to the Layout Inspector (second button). Remember that you already have a 1 inch top margin, so to produce a 3 inch margin before the beginning of this layout, you'll need to set a 2 inch Layout margin "Before" the layout.
    Hmmm... Depending what you're defining as 'steps' for the process in word, and considering that the document margins in Numbers are preset to 1" all around, this appears to be a 1-step process in Numbers:
    Step 1: Set the "Before" Layout margin to 2 inches.
    Done.
    Regards,
    Barry

  • Setting different top margin for first page

    I have been trying to set a 5cm top margin for the first page of a thesis chapter and a 2.5 cm top margin for the rest of the pages to conform to requirements. I have set a section break and gone into Inspector to make first page different but I still get any margin changes on the first page through the whole document. I do what HELP says but it isn't working. Anyone help me out before I go troppo?

    The easiest way to do this, especially if all the text ina particular chapter is in the same section, is to just set the 'before' value in the Layout Inspector. As text flows from one page to the next, it will conform to the global setting. If you insert a Section Break, the new section will start on a new page and the first line will be down the same amount as your initial chapter page. If you insert a layout break it will also be moved down that initial amount.
    If you want to capture this behavior you can capture multiple pages to use as well. Some of the preset templates have multiple pages where the first page has different characteristics than the subsequent pages added when oyur text overflows from the first page.

  • Printing pdf files made from Filemaker docs on HP 7410 cuts off top margin

    Just bought a MacBook Pro and jumped from Tiger to Snow Leopard.
    Also bought FileMaker 10 replacing the FileMaker 8.5 I used up till the MacBook Pro purchase and system upgrade.
    Still using the same HP 7410, but during installation, I think I remember upgrading the printer driver. At any rate, this HP Printer is now much more responsive. It was previously very slow.
    When I now save documents printed as pdf's from filemaker (as I used to) and then try to print them on the HP 7410, they open fine in Preview showing the whole page with no text cut off. But when I press Print in preview and I get the HP driver preview of what will print as part of the print dialogue box, it shows the top margin of the page cut off (down to at least 1/2 ") and actually prints that way. Before the switch to Snow Leopard and the MacBook Pro, a top margin of 1/4 " worked fine and printed in pdf docs.
    (top margins of 1/4" on Word & Excel documents I tested still seem to print fine)
    I use the borderless printing work-around, but that seems inelegant. It also takes much, much............much longer to print when it's in that mode (even fast draft).
    Why is this happening?
    Is there a setting I am missing?
    Can this be fixed?
    Steve

    What print driver are you using?
    I set my printer to use the open source Gutenprint driver in place of the one supplied with my printer to resolve an issue I was having - see my post http://discussions.apple.com/thread.jspa?threadID=1626340&tstart=0
    The Gutenprint home page is http://gutenprint.sourceforge.net/index.php3
    Message was edited by: another_steve

  • Margin problem when printing on ipad from pdf app

    On 4500g there is no top margin and very small left margin when printing from pdf printer app on my ipad. Where can i set margins before printing?

    Hello Leonie1938,
    Welcome to the HP Support Forums!
    If I understood correctly, you are printing from an iPad to the Officejet 4500 G510g using a .PDF printer App. If this is correct, what is the App name? I searched and found an App called PDF Printer for iPhone for $2.99, is this the App?
    If you are not using a HP App, all I can offer is to clean the rollers on the printer. This is best done by following steps here: The All-in-One Does Not Pick Up or Feed Paper, Solution four.
    Cheers,
    JERENDS
    I work on behalf of HP
    Please click “Accept as Solution” if you feel my post solved your issue, it will help others find the solution.
    Click the “Kudos Thumbs Up" to the left of the reply button to say “Thanks” for helping!

  • HP 2600n's margin problem with driver 2.3

    After installing the new driver v2.3, my printer started to have a margin problem. Even if I setup any margin correctly (on any software...) the page printed has borders cut off and it is shifted on the left (or, left margin is less than the right). Obviously, this problem was found with files that previously were printed correctly.
    Only by reducing by more than one cm margins, the print is not cut, but the page continues to be shifted to the left.
    Any help?
    Thanks.

    Try downloading and re-installing the Snow Leopard drivers and seeing if that fixes anything.

  • How do you make the top margin .5" on page 1 and 1.0" on all of the following pages?

    I have been a PC user since 1987 and find the iWorks programs far less intuitive than the MS Office products.  I have been using a Word doc template, which I customized back in 1990, and all of my client records use this template.  So, as I am converting to Apple, I need to find a way to adapt the iWorks Pages to accomodate my doc needs, if that is possible.  As indicated in the question, I need to set the top margin on page 1 to .5" and, using either a section break or a page break, enable the top margin to be 1.0" on all of the following pages.  I read somewhere on the net that this might be accomplished by using a layout break but, when I tried that, the margins on all pages seemed to still be connected to each other.  Is there a way to accomplish my objective?

    Okay, narrow is narrow.  Just need to make sure we're clear on the point that we're discussing the top and bottom margins. 
    I just found another post that led me to "Defining Layout Margins" in the Pages help files.  Between that post and the information in this help message (specifically item #4), I was able to deduce that Pages does enable me to do exactly what I need.
    1 - set the page margins on page one;
    2 - create a layout break at the bottom of page 1, which will effect the next page;
    3 - with the cursor on page 2, open the inspector;
    4 - go to the layout inspector;
    5 - change the "before" margin.
    In the layout inspector dialog box, "before" = "top" and "after" = "bottom", not as in paragraph or line formatting.  I don't know why it couldn't just say top and bottom.  That would eliminate a lot of confusion.
    This has enabled me to have one top margin on the first page and a different top margin on all other pages. However, as nothing is perfect, this process must be repeated on each page.  A little more work but definitely worth the effort, if you need this type of formatting.  Better than not at all in other words.
    Thanks for your time and help.
    Ross

  • Printing - Terrible Margin Problem

    I have read all of the posts regarding margin problems.
    Ill tried creating the custom 'iCal' size in Safari but nothing works.
    When printing in week view all 4 margins spill over the edge.
    This occurs whether printing to paper or PDF.
    Any fixes to this or is it a bug?
    PowerBook   Mac OS X (10.4.4)  

    Hi,
    While playing with the values of ImageableArea I'm getting changes in printout
    but can't really find the correct combination of values because I'm just guessing
    what the values mean..ImageableArea provides the bounding box of the area in which the printer may print for the page size named mediaOption. There will be one statement for each named page size supported by the device. DefaultImageableArea provides the mediaOption name of the default imageable area. Since there can be only one default page size, this value should be the same as the value of DefaultPageSize, DefaultPageRegion, and DefaultPaperDimension.
    The syntax for defining imageable area is as follows:
    *ImageableArea mediaOption: "llx lly urx ury"
    *DefaultImageableArea: mediaOption | Unknown
    ll stands for lower left corner and ur for upper right corner. The bounding box value of ImageableArea is given as four real numbers, representing the x and y coordinates of the lower left and upper right corners of the region, respectively, in the PostScript language default user space coordinate system. The x and y axes of a given page size correspond to the x and y axes of that page size in the PaperDimension entry.
    Printing on UNIX with Oracle Reports
    http://download.oracle.com/docs/cd/B14099_11/bi.1012/b14048/pbr_uxprt.htm
    Regards,
    Hussein

  • Top Margin Woes: Setting the "Before" Margin for Every Page in a Section

    Hi,
    I've scoured the forums to no avail on this one. I am trying to create a document where the text in Section 1 appears 1 inch from the top of each page and 2 inches from the top of each page in Section 2. Should be pretty straightforward, right? Please tell me it is! I'm using Pages '09 (version 4.0.5).
    Right now, the document margin is set to 1 inch from the Top, so Section 1 is fine. For Section 2, when setting the Before margins after a Layout Break (in the Layout Inspector under the Layout tab), only the first page of that section gets a Before margin of 2 inches. Every page after that in Section 2 is still 1 inch from the top.
    Suggested Workaround Attempted
    I tried the "Move Object to Section Master" workaround, but the menu item "Format > Advanced > Move Object to Section Master" is disabled when performed on an "inline" object, which is what is required to force the text down from the top of each page in Section 2. Turning it into a "floating" object enables the "Move Object to Section Master" menu item, but since it is floating. the text for that section is not pushed down, the rectangle is just displayed in the background of each page in Section 2.
    Any ideas on how to solve my Top margin woes would be much appreciated!

    Hello
    To push a text down in the text body using the clean way which means setting space after, requires that we have already a paragraph which means a chunk of text ended by a paragraph break.
    It's exactly what I do.
    Most of the time, we don't put a paragraph break at the end of a header so it's not a paragraph and so, we can't define the space after value.
    My tip just gives it the status of paragraph allowing me to define space after the clean way. The dirty one was to insert several returns to adjust the height which I carefully rejected.
    It's exactly what we discovered some months ago:
    we can't set space before (above) at top of a page because there is no paragraph before (above) in the page.
    As far as I know, the  "Use Previous Headers and Footers" must always be set correctly. I'm remembering a thread which became huge because the OP can't understand that he had to define these properties correctly to get correct results with his captured pages.
    I wish to add that at this time we don't know exactly what the OP want to achieve.
    Maybe he want to move down the top of the print area and the header.
    You can't do that with your tip.
    With mine, I just insert a paragraph break at the beginning of the header.
    Yvan KOENIG (VALLAURIS, France) vendredi 8 juillet 2011 17:50:30
    iMac 21”5, i7, 2.8 GHz, 4 Gbytes, 1 Tbytes, mac OS X 10.6.8
    Please : Search for questions similar to your own before submitting them to the community
    To be the AW6 successor, iWork MUST integrate a TRUE DB, not a list organizer !

Maybe you are looking for