White space character issue in PSA

Hi All,
I am loading master data full load from R3 to BW.The load is failing by giving the Error Message: "Too many error records - update terminated" and "Error 4 in the update"
In details tab it is showing red entries as "Record 4857 :Value 'ATF-34143-TR1G         ' for characteristic 0VEND_MAT contains invalid character".
This is due to extra white space character added to the value of the field.
I can edit the record from PSA and reconstruct it.But as it is a full load, the error is repeating daily.
Any body help me in resolving this issue permanently.
(I think RSKC will not accept white space character )
Thanks
Rama

Rama,
Actually the system treats space as allowed character:
Execute SE37, type in RSKC_ALLOWED_CHAR_GET.
Double click in the statement
E_DEFAULT_CHAR = G_C_ALLOWED_CHAR
on the right part.
You'll be brought to LRSKCTOP include.
There you can see the default allowed chars:
' !"%&''()*+,-./:;<=>?_0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ'
As you can see, there is a space as a first character.
So, in order to help you try to answer questions I asked in my first post.
Best regards,
Eugene

Similar Messages

  • White space handling dbms_xmlstore.insertxml

    Hi,
    I have a question about white space handling.
    I have a column in table which holds white space character.
    When I loading xml file using dbms_xmlstore.insertxml white space is converted into NULL and inserted into table.
    It would fail if the column type is not null.
    How do I handle it?
    ======================================================
    Alternatively, how do I insert a tag with only whitespace in it into a table?
    <Tag> </Tag> [One whitespace]
    To elaborate the question
    If I have following data in xml file ...
    =============================================
    <Rowset>
    <Row>
    <Tag1> </Tag1>
    <Tag2>1</Tag1>
    </Row>
    </Rowset>
    I have to load this data into
    table tab1...
    create table tab1 (tag1 varchar2(5), tag2 number);
    How do I achieve it using dbms_xmlstore so that I can read the whitespace in XML and load it correctly into the table?
    ========================================================================
    To use an alternate approach, I also tried the following.....
    I tried the following test program on the xml file also shown below....
    XML File is
    <?xml version="1.0"?>
    <ROWSET>
    <ROW>
    <SYS_NAME> a </SYS_NAME>
    <SYS_SERIAL_NUM>000000</SYS_SERIAL_NUM>
    </ROW>
    </ROWSET>
    And small procedure is
    create or replace procedure PRO_TEST
    as
    o_sys_name varchar(10);
    spacetag varchar2(10) := ' ';
    begin
    --execute immediate 'create global temporary table gt_xmltype_tab1 (xmlfile1 xmltype)';
    insert into gt_xmltype_tab(xmlfile1)
    values(XMLType(bfilename('RESTOREDIR','ADTL_SETUP_OPTIONS.xml'),nls_charset_id('AL32UTF8')));
    select extractvalue (value(x), '/ROW/SYS_NAME')
    into o_sys_name
    from gt_xmltype_tab gt, TABLE(XMLSequence(extract(gt.xmlfile1, '/ROWSET/ROW'))) x;
    dbms_output.put_line('[' || o_sys_name || ']');
    dbms_output.put_line('ASCII:- ' || ascii(o_sys_name));
    if o_sys_name = ' ' then
    --if o_sys_name = chr(32) then
    dbms_output.put_line('I found space');
    else
    dbms_output.put_line('I found no space');
    end if;
    commit;
    end;
    When Tag is <sys_nam> </sys_name> I get [] in the output(empty).
    When Tag is <sys_nam> a</sys_name> I get [ a] in the output(space and a).
    When Tag is <sys_nam> a </sys_name> I get [ a ] in the output(space a space).
    When I has some character along with the whitespace, behaviour is correct and as expected.
    But when the tag contains only whitespace the output is empty.
    I cant seem to get around this problem.
    Upon receiving empty string, other sub systems which are reading the data stop working.
    Can someone help here?
    Edited by: userAtoZ on May 14, 2011 2:57 PM

    White space handling dbms_xmlstore.insertxmlYou may replace all whitespaces with its corresponding html entity:
    SQL> create table test (v varchar2 (5))
    Table created.
    SQL> declare
      ctx   sys.dbms_xmlstore.ctxtype := dbms_xmlstore.newcontext ('test');
      doc   xmltype := xmltype(replace('<ROW><V> </V></ROW>',' ', '&#38;#32;'));
      ret   int;
    begin
      ret := dbms_xmlstore.insertxml (ctx, doc);
      dbms_xmlstore.closecontext (ctx);
    end;
    PL/SQL procedure successfully completed.
    SQL> select v, length (v), ascii(v) from test
    V             LENGTH(V)        ASCII(V)
                          1              32
    1 row selected.

  • Issues in Application table - extra white space with and without scroll bar

    1. There is an extra white space that comes after the last column in all the applications table, when there is no scroll lbar.
    [http://files.oraclecorp.com/content/Private/Screenshots/Space_ApplicationTable.bmp]
    2. If the scroll bar comes up then, there is an extra white space on top of the scroll bar.
    [http://www-apps.us.oracle.com/~jkodiyan/fusion/screenshots/appstablespace1.jpg]

    It would be best to follow this up in your internal ApplCore / ADF frontend forum..
    screenshot for issue #1: http://www-apps.us.oracle.com/~jkodiyan/fusion/screenshots/appstablespace2.jpg
    That's an internal Oracle URL - Probably not a good idea to share on the internet and it's not accessible outside anyway...

  • Extra White Space issue

    Hi, I am currently building a website in Adobe Muse, and am really enjoying it.  I have encountered a few differences between what I designed and what the site actually looks like and have been able to find solutions to all but one.  The home page has just a header and footer and an Adobe Edge Animation.  However, there is extra white space apearing underneath the animation (above the footer). Everything looks fine in the design mode, but even in preview there is extra space.  I tried uploading it to our ftp, thinking that might be the issue (as the animation doesn't show in the preview mode), but the extra space is still there.  I tried moving the Social media icons, thinking they might be causing it.  I have looked to see if maybe there is a text box, or empty shape that is causing the discrepency, but I can't find anything.  Any suggestions?
    Here is the screen capture of the design mode:
    Here is the screen capture of it in the browser:
    Any help would be greatly appreciated.

    Hi Razorcs,
    I have checked your file and the white space is coming from the page that you are calling in the iframe. I have seen that most browsers do not respond well, when the widht and the height of the iframe is specified in percent.
    As a fix you have to give manual width and height to the iframe and that should take care of it.
    For example, try something like 412px, which is the height of the edge content,
    Regards,
    Abhishek Maurya

  • White space issues between content and footer.

    I am having white space/page length issue between the end of my content and the footer.
    I have read the forums and tried changing the page length minium height to 800 and then I
    unchecked the sticky footer in page properties on both the master page and the content page itself.
    Here's a link to one of my pages.  http://www.ueonline.com/rohs-info.html
    This page has very little content and you can see the white space.
    Any help is appreciated.

    This may be a little dated for a reply, and I'm not 100% sure your issue is the same as mine, but I discovered that unchecking the sticky footer option in site properties solved the problem. I should note that the website I was building for a client was über simple, and while disabling that function solved the headache in my own project, it may incur unwanted results in others, depending on the complexity.
    DTA

  • White space issue in displaying page on Curve 8330

    Hi All
    I am using a lot of <div> tags on my jsp page to be displayed on Curve 8330 I am getting unnecessary white space after the last <div> tag . I have tried to set <div> and <body> tag style attributes like padding and margins to "0px" but with no luck.
    Would really appreciate help on this. 
    thx 

    Hi,
    File to Idoc and Idoc used is ORDERS05.
    Is IDOC occurence on target side is unbounded or 0..1???
    If multiple occurence means then u need to change the IDOC structure, just change the occurence to o.unbounded.
    Whenvever i am opening the payload with notepad i am able to see the space as 70th character and whenever i am checking the XML the space has been truncated for same.
    I understand from above that the payload is correct with 70th character is space , but when u see the XML Payload in moni, the size is less or the white spaces are trimmed out.
    So u neeed to add extra attribute on sender FCC
    node.fieldContentFormatting  nothing
    by default it is trim u need to change as nothing..
    Let us know the result
    Babu

  • Pagination Issue: Removing White Space

    If you were asked the simple question: "How do I remove blank pages?" you would likely answer: "Format | Page Layout | Pagination | Before Saving & Printing: Delete Empty Pages."
    If you were asked a variation of that question: "How do I remove partially blank pages?" some might answer: "Huh?"
    That's my question. I have this tendency to assume that a vacuum of information on the search engines means, sadly in answer to this question, "You can't remove partially blank pages."
    Before you answer, here is what I'm specifically attempting to do with FrameMaker 9:
    1)   I converted a user manual in Word 2007 to FrameMaker 9. The TOC contains several hundred headings (seven levels deep). Of course, the TOC includes chapters (heading1) at level 1, and topics (heading3 through heading7) for levels 2-7.
    2)   I converted the text and graphics under each heading (heading1 through heading7) to separate FrameMaker 9 files. (Each heading and all child sub-headings are "topics" that describe part of the UI for a software product.)
    3)   All of the converted FrameMaker 9 files were added to a FrameMaker 9 book. The TOC in this book is identical to the TOC of the original Word 2007 file.
    Each of these headings is a separate FrameMaker 9 file representing a topic mapped to the UI:
    CONSOLE MAIN SCREEN....................................... 63
    Inventory Control..................................... 81
    Intellectual Property............................. 82
    Using the Intellectual Property Page......... 83
    Viewing and Configuring................ 85
    Configuring Filters.............. 87
    View Settings.............. 88
    4)   I have linked all these files to a project in RoboHelp 8, creating a RoboHelp master page to render the help topics with exact same headers/footers in the FrameMaker 9 file. Whenever I make changes to the FrameMaker 9 files, I can open RoboHelp 8 and compile a new help project for the UI. Sweet. (It works so well, as a matter of fact, that it’s worth the cost of the Adobe Technical Communications 2 suite!)
    5)   For customers demanding a PDF version that looks EXACTLY like the previous PDF rendered in Word 2007, I print a PDF file from the FrameMaker 9 book for this user manual that looks almost exactly like the legacy PDF file rendered in Word 2007.
    Why “almost” exactly?
    As you may have guessed, if a topic ends with a paragraph at the top of the last page, there is blank space for the remainder of that page. Whereas in Word 2007, the next heading began immediately after the previous heading!
    FrameMaker 9 only has a setting on the ‘Pagination’ dialog for eliminating blank pages, not eliminating partially blank pages.
    I would like to render the PDF file, printed from the FrameMaker 9 book file, with each file in the book beginning on the line immediately after the preceding paragraph of the file before it in the book (unless the style such as heading1 dictates the line starts on a new page).
    In some cases, the last page of a topic has just three sentences, leaving the rest of the page blank. It seems to me that to do what I’m attempting, the recursive effect of starting the next file after the paragraph on the last page of the previous file in the book, would be to reduce the PDF by several (or more) pages. This would require FrameMaker 9 to adjust the page numbering of the PDF file (which would no longer coincide with page numbering for the FrameMaker 9 book files).
    This is no different of a problem than anyone with a book that contains 10 files (each file representing an entire chapter) would face. If a chapter ends with a page containing just three sentences, one would have to fiddle with the text to get those three lines to “bump” to the previous page. In the old days of technical writing, this typical pagination flaw was a thorn in my side. I had to print the document, and if the end of a chapter contained “orphaned” text (or even a small paragraph on an otherwise blank page) I had to reduce paragraph spacing to cause that rogue paragraph to bump to the previous page, eliminating the white space. I was kind of hoping that after almost three decades of computing, that basic problem was solved. In a small book with a dozen or less chapters, it’s not a real issue, but now that I have a book with several hundred files, I’m facing this dilemma for the first time.
    Suggestions, anyone? (Thanks for your patience in torturing through this message!)
    Message was edited by: holosys
    Message was edited by: holosys

    Excellent ideas; Text Insets created through File Import eloquently solved the problem!
    I created a separate book that I will use for rendering the PDF file for the user manual. In that book are files for entire chapters. In each chapter file are text insets for each heading file (which comprises an individual "topic" in RoboHelp).
    Here is what I did:
    Opened the book file containing cover, hundreds of topics and TOC, and Save Book As... [new book name] then delete all book files except for the cover and TOC.
    After opening a new (blank portrait) FrameMaker 9 file, I applied all formats from my master stylesheet file.
    Selected File | Import | Highlight the file | [Path\Name.fm of sequentially first FrameMaker 9 file in chapter] (select Import by Reference radio button) | Import. (The Import Text Flow by Reference dialog screen appears.)
    Selected defaults (Body Page Flow: A (Main Flow) | Reformat Using Current Document's Catalogs | Automatic) and additionally selected Manual Page Breaks and Other Overrides (Under Reformat Using Current Document's Catalogs) then selected Import.
    Moved the cursor to the end of the file. (This is important because the cursor is now positioned BEFORE the imported Text Inset, and the cursor needs to be positioned AFTER the imported Text Inset.)
    Repeated above steps 3-5, selecting the file containing the next heading in the chapter, until the current file contains Text Insets for all topic files.
    Save the file.
    Add the file to the book as the first chapter.
    Repeated above steps 2-8 until the book is populated with all chapters.
    Update and print to PDF.
    Problem solved: I obtained the desired results as per my original message in this thread.
    The side question was asked as to why creating a separate FrameMaker 9 file for each heading and sub-heading (as described in my original message in this thread) is necessary. The answer is simply "budget" as the start-up company where I work wants to instantaneously generate a RoboHelp Flash Help project from the FrameMaker 9 book through linking FrameMaker 9 to RoboHelp 8, which is evidently a new function. Each heading and sub-heading of the user manual correlates to a UI screen or UI component. The User Manual was authored (before I arrived on the scene) with the intent of each heading and sub-heading in the User Manual TOC documenting a UI screen or UI component.
    Therefore, instead of spending time creating a RoboHelp project in parallel, the company desired the elimination of costs associated with parallel development. Since the budget is non-existent for online help, pressing Help on any UI screen displayed a boilerplate screen instructing the customer to call customer support at a toll-free number, and a link to the PDF manual. Now, with minimal effort, the Help buttons are mapped to open the help topic for the corresponding heading in the user manual. Pressing Help opens the appropriate heading or "topic" and displays a TOC and search tabs as well (for full access to the documentation). This scheme requires little or no ongoing maintenance in RoboHelp 8 other than opening the help project, updating the links to FrameMaker 9, compiling the help project in Flash Help, and checking the help files in to Perforce for the nightly build.
    Thank you once again for saving the day!
    Message was edited by: holosys

  • Castor beans white space issue...

    So I have this code that mmimmicks my java objects for some classes I have that was built based off of a schema using castor. This code exports some data from a database to a .xml file just beautifully, but importing it (Reading back in the straight up xml) is another story...
    imagine I have a xml file that contains some members that act as names for their java object brothers:
    <xmlWasJavaObjectHere>
    <xmlSimpleName>AIRBORNE/STATIC LINE</xmlSimpleName>
    </xmlWasJavaObjectHere>
    now imagine the xml file repeating a ton of such objects(after all it was exported from a database that was essentially an array of such objects). So we have:
    ...some other object names here...
    <xmlWasJavaObjectHere>
    <xmlSimpleName>AIRBORNE/STATIC LINE</xmlSimpleName>
    </xmlWasJavaObjectHere>
    <xmlWasJavaObjectHere>
    <xmlSimpleName>AIRBORNE/STATIC LINE</xmlSimpleName>
    </xmlWasJavaObjectHere>
    <xmlWasJavaObjectHere>
    <xmlSimpleName>AIRBORNE/STATIC LINE</xmlSimpleName>
    </xmlWasJavaObjectHere>
    <xmlWasJavaObjectHere>
    <xmlSimpleName>AIRBORNE/STATIC LINE</xmlSimpleName>
    </xmlWasJavaObjectHere>
    ...some more objects here with different names.
    So now this exports just like this, just fine. The problem is when I read back in the data using the castor bean unmarshaller, it reads into the member as such:
    myXMLObj.getSimpleName(); returns
    AIRBORNE/STATIC LINE
    AIRBORNE/STATIC LINE
    AIRBORNE/STATIC LINE
    AIRBORNE/STATICLINE
    AIRBORNE/STATICLINE
    AIRBORNE/STATICLINE
    So it returns it right for the first few instanceus of it from the xml then it misses a white space(obviously this breaks importing this back into the database.) I am no xml/java/castor guru but I cannot figure out why it decides to loose white space (id say it does this randomly, but it starts doing it on the same index (item count whatever) every single time. And its the same name,does anyone have any ideas? Im pulling my hair out. Perhaps my naming scheme in the xsd was big depature from what it should of been. (Cause i had other issues working with XMLBeans and web services on naming some complexTypes (or was it elements?) with a upper case, when it should be lower case (and the name was getting mangaled).
    oh well thats all I have im totally out of ideasm, so perhaps people have seen this before and confirm its some wierd quirk of using castor beans to load in xml data back to our objects (and i Did double check, the white space is missing in the actual xml object hta tis populated with an unmarshall.), any help will be appreciated. Thanks,
    Shane
    thanks in advance,
    Shane

    Hm, well 2 possible ideas:
    1. There is a line of code in the middle of your tabbed panels that shouldn't be there.  It reads at follows
    <!-- BEGIN: Constant Contact Bubble Opt-in Email List Form --> <div align="center"></div>
    <!-- END: SafeSubscribe -->
    2. In this code, do you need the clear:both?
    <div style="clear:both; font-size: 18px; color: #0055A6; font-weight: bold;">
                       <blockquote>
                         <p>Follow Us:

  • White spaces issue when applet is launched from Browser

    I am trying to open HTML file (generated by net beans) to launch applet using window.open function.
    The applet is launching fine but white spaces are coming on top and left side of the applet.
    Any idea on how to remove these white spaces?

    You need a custom html template and to set the application size parameters to 100% width and height.
    Not sure if this is possible using the NetBeans JavaFX project configuration options currently.
    Have a look at the Ensemble sample and Ensemble sample code, it implements a custom html template and 100% size parameters.
    http://www.oracle.com/technetwork/java/javafx/samples/index.html
    A css reset will remove default padding from an html page.
    http://yuilibrary.com/yui/docs/cssreset/
    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.6.0/build/cssreset/cssreset-min.css">
    The minimal reset required to remove margins around the edge of the page is:
    html, body { 
        margin: 0; 
        overflow: hidden; 
        padding: 0;
    }Documentation is on web based deployment templates and application size is:
    http://docs.oracle.com/javafx/2/deployment/deployment_toolkit.htm#BABJHEJA
    Note it doesn't talk about percentage sizes as this may be an undocumented feature, but I think if you set the width and height in the dtjava.App call to '100%', the app will fill the available area of a window.
    A view source on the ensemble html =>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title>JavaFX 2.0 - Ensemble</title>
    <SCRIPT src="./web-files/dtjava.js"></SCRIPT>
    <script>
        function javafxEmbed_ensemble() {
            dtjava.embed(
                    id : 'ensemble',
                    url : 'Ensemble.jnlp',
                    placeholder : 'javafx-app-placeholder',
                    width : '100%',
                    height : '100%',
                    jnlp_content : 'PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxqbmxwIHNwZWM9IjEuMCIgeG1sbnM6amZ4PSJodHRwOi8vamF2YWZ4LmNvbSIgaHJlZj0iRW5zZW1ibGUuam5scCI+DQogIDxpbmZvcm1hdGlvbj4NCiAgICA8dGl0bGU+RW5zZW1ibGU8L3RpdGxlPg0KICAgIDx2ZW5kb3I+ZGVtbzwvdmVuZG9yPg0KICAgIDxkZXNjcmlwdGlvbj5TYW1wbGUgSmF2YUZYIDIuMCBhcHBsaWNhdGlvbi48L2Rlc2NyaXB0aW9uPg0KICAgIDxvZmZsaW5lLWFsbG93ZWQvPg0KICA8L2luZm9ybWF0aW9uPg0KICA8cmVzb3VyY2VzPg0KICAgIDxqZng6amF2YWZ4LXJ1bnRpbWUgdmVyc2lvbj0iMi4yKyIgaHJlZj0iaHR0cDovL2phdmFkbC5zdW4uY29tL3dlYmFwcHMvZG93bmxvYWQvR2V0RmlsZS9qYXZhZngtbGF0ZXN0L3dpbmRvd3MtaTU4Ni9qYXZhZngyLmpubHAiLz4NCiAgPC9yZXNvdXJjZXM+DQogIDxyZXNvdXJjZXM+DQogICAgPGoyc2UgdmVyc2lvbj0iMS42KyIgaHJlZj0iaHR0cDovL2phdmEuc3VuLmNvbS9wcm9kdWN0cy9hdXRvZGwvajJzZSIvPg0KICAgIDxqYXIgaHJlZj0iRW5zZW1ibGUuamFyIiBzaXplPSI4ODQ4MTU0IiBkb3dubG9hZD0iZWFnZXIiIC8+DQogIDwvcmVzb3VyY2VzPg0KICA8YXBwbGV0LWRlc2MgIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBtYWluLWNsYXNzPSJjb20uamF2YWZ4Lm1haW4uTm9KYXZhRlhGYWxsYmFjayIgIG5hbWU9IkVuc2VtYmxlIiA+DQogICAgPHBhcmFtIG5hbWU9InJlcXVpcmVkRlhWZXJzaW9uIiB2YWx1ZT0iMi4yKyIvPg0KICA8L2FwcGxldC1kZXNjPg0KICA8amZ4OmphdmFmeC1kZXNjICB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgbWFpbi1jbGFzcz0iZW5zZW1ibGUuRW5zZW1ibGUyIiAgbmFtZT0iRW5zZW1ibGUiIC8+DQogIDx1cGRhdGUgY2hlY2s9ImJhY2tncm91bmQiLz4NCjwvam5scD4NCg=='
                    javafx : '2.2+'
        <!-- Embed FX application into web page once page is loaded -->
        dtjava.addOnloadCallback(javafxEmbed_ensemble);
    </script>
            <style>
                html, body { 
                    margin: 0; 
                    overflow: hidden; 
                    padding: 0;
            </style>
            <script>
                function hashchanged(event) {
                    var applet = document.getElementById('ensemble');
                    if (applet != null) {
                        try {
                            applet.hashChanged(location.hash);
                        } catch (err) {
                            console.log("JS Exception when trying to pass hash to Ensmeble Applet: " + err);
            </script>
    </head>
    <body onhashchange="hashchanged(event)"><div id='javafx-app-placeholder'></div></body>
    </html>

  • Blank white spaces on pages

    Hi,
    For some reason, on my website it is showing some random blank white spaces? They appear to be in the same places on each individual page so I was wondering if it could possibly be anything to do with the master page? In preview mode, both on Adobe Muse and on the browser, it appears to be fine but as soon as I've put it up on to the website, the white spaces are evident and I need to get it fixed ASAP.
    My website is http://beckyofficial.businesscatalyst.com/index.html
    Although, please ignore the poor quality of my website for now; it's still under construction.
    If anybody here could help me, I'd be really grateful.
    Many thanks in advance.

    Hi Jadey,
    Please send your .muse file to [email protected] Add link to this forum post and refer it to me. We'll investigate the issue and get back to you.
    Regards,
    Aish

  • I am having trouble with the position of my header image across browsers. white space above it in safari, pc, and crome then all to the right in firefox.

    nydogworks.net
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>NYDogWorks Long Island Dog Training and Behavior</title>
    <meta name="description" content="Serving all of Long Island, Nassau & Suffolk. NYDogWorks specializes in dog training, dog behavior, and puppy training.">  
    <meta name="keywords" content="dog training, long island dog training, dog trainer, long island dog obedience, puppy training classes">
    <link href="css/mainstyle.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><!-- Beginning of compulsory code below -->
    <link href="css/dropdown.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="css/default.advanced.css" media="screen" rel="stylesheet" type="text/css" />
    <!--[if lt IE 7]>
    <script type="text/javascript" src="js/jquery/jquery.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.dropdown.js"></script>
    <![endif]-->
    <!-- / END -->
    <link href="css/overlay-apple.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery.tools.min.js"></script>
    <style>
      div.apple_overlay h2 {
      margin:10px 0 -9px 0;
      color:#222;
      font-weight:bold;
      font-size:14px;
      div.black h2 {
      color:#222;
      #apple {
      margin-top:10px;
      float: left;
      width: 250px;
      padding-right: 10px;
      #apple img {
      background-color:#fff;
      padding:2px;
      border:1px solid #ccc;
      margin:2px 5px;
      cursor:pointer;
      -moz-border-radius:4px;
      -webkit-border-radius:4px;
      body {
      margin-right: auto;
      margin-left: auto;
    </style>
        <!--[if lt IE 7]>
      <style>
      div.apple_overlay {
      background-image:url(http://static.flowplayer.org/tools/img/overlay/overlay_IE6.gif);
      color:#fff;
      /* default close button positioned on upper right corner */
      div.apple_overlay div.close {
      background-image:url(http://static.flowplayer.org/tools/img/overlay/overlay_close_IE6.gif);
      </style>
      <![endif]--><script type="text/javascript">
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script><script type="text/javascript">
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    </script>
    <script type="text/javascript">
    var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-26177215-1']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    </head>
    <body onload="MM_preloadImages('images/nydogworks-logo-hover.png','images/training-services-on. jpg','images/behavior-therapy-on.jpg','images/off-leash-training-on.jpg')">
    <div id="wrapper"> <div id="header">
      <div id="logoBox"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/nydogworks-logo-hover.png',1)"><img src="images/nydogworks-logo.png" alt="NY Dogworks" name="Image3" width="280" height="200" border="0" id="Image3" /></a></div>
    <div id="slogan">Serving All of Long Island, Nassau &amp; Suffolk Counties<br />
      Also serving Manhattan, Brooklyn &amp; Queens
    </div><div id="emailBox">
        <h2><img src="images/calltogetstarted.png" width="473" height="74" alt="Call to get started" /></h2>
        </div><div id="mainNav"><!-- Beginning of compulsory code below -->
    <ul class="dropdown dropdown-horizontal" id="nav" name="nav">
      <li><a href="about-ny-dog-works.html">About Us</a></li>
      <li><a href="long-island-dog-training-programs.html" class="dir">Training Programs</a>
       <ul>
                <li><a href="basic-obedience.html">In Home Dog Training</a></li>
                <li><a href="dog-behavior-therapy.html">Behavior Therapy</a></li>
                <li><a href="board-and-train-dog-program.html">Board & Train Program</a></li>
                <li><a href="off-leash-training.html">Off Leash Training</a></li>
                <li><a href="puppy-training-program.html">Puppy Training</a></li>
    </ul>
      </li>
        <li><a href="dog-trainer-testimonials.html" class="dir">Testimonials</a></li>
      <li><a href="contact-long-island-dog-trainer.html" class="dir">Contact Us</a></li>
    </ul>
    <!-- / END --></div>
    </div>
      <div id="container">
    <div id="imgholder"><a href="long-island-dog-training-programs.html"><img src="images/main-header.jpg" alt="private dog training long island new york" width="951" height="416" border="0" /></a>
      <div id="program1"><a href="long-island-dog-training-programs.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/training-services-on.jpg',1)"><img src="images/training-services.jpg" alt="dog training services" name="Image6" width="315" height="137" border="0" id="Image6" /></a></div>
      <div id="program1"><a href="board-and-train-dog-program.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/boarding_training-on.jpg',1)"><img src="images/Boarding_training.jpg" alt="board and train dog program" name="Image5" width="315" height="137" border="0" id="Image5" /></a></div>
      <div id="program1"><a href="dog-behavior-therapy.html" onmouseout="MM_swapImgRestore()" onmouseover=
      "MM_swapImage('Image7','','images/Behavior_therapy2-on.jpg',1)"><img src="images/Behavior_therapy2.jpg" alt="behavior therapy" name="Image7" width="311" height="137" id="Image7" border="0" align="right" /></a></div>
    </div>
    <div id="pageContentNoside">
       <div id="sideSub">
         <h2>Dog Training Services<br />
           </h2>
         <ul id="subnav">
           <li><a href="basic-obedience.html">Basic Obedience</a></li>
           <li><a href="dog-behavior-therapy.html">Behavior Therapy</a></li>
           <li><a href="board-and-train-dog-program.html">Board & Train Program</a></li>
           <li><a href="off-leash-training.html">Off Leash Training</a></li>
           <li><a href="puppy-training-program.html">Puppy Training</a></li>
           </ul>
         <br />
         <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2F NYDogWorks%2F219268038151244%3Ffref%3Dts&amp;width=248&amp;height=558&amp;show_faces=true& amp;colorscheme=light&amp;stream=true&amp;border_color=%23FFFFFF&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:248px; height:558px;" allowTransparency="true"></iframe>
         <p><br />
           </p>
         <p> </p>
         <p><img src="images/4449da18fc3aa2f249d17dc90ebd5531.jpg" width="145" height="136" /><br />
         </p>
         </div>
       <div id="mainContentFeature1">
         <h2>Welcome To NY Dogworks</h2>
         <p><img src="images/dog-breaking-through.jpg" alt="new york dog trainer" width="136" height="170" class="h_img_float_right" />Our private one on one training lessons are done at your home by a Professional Certified Trainer and Behavior Expert. The lessons are tailored to fit what you would like done with your puppy or adult dog. <br />
           <br />
           We use a humane, positive and scientifically sound approach that makes it easy for you and your dog to succeed. Our instructions are broken down into simple steps so that everyone can take part in the training and be able to practice as a family. <br />
           <br />
           <span class="employeeName">Call Today for a Free Consultation!!      </span></p>
         <p>Do not have the time or patients to do the Training? Well then NY DogWorks has the answer.. We now do <a href="board-and-train-dog-program.html">Board and Train Programs</a> at our lovely facility in the home of Owner &amp; Trainer Brian DeMartino. It is a 2 to 6 week program that is 100% guaranteed. Your dog will stay with us for no additional fee if we feel that he or she is not ready to graduate. This program can be for Puppy Training, Housebreaking, Socialization / Obedience &amp; Manners / Behavior problems such as Aggression, Anxiety, or Fears / Advanced Off Leash Training / Personal Protection and much more..</p>
         <p>We also <a href="board-and-train-dog-program.html">board dogs</a> at our facility if you are going away and want your family pet to be cared for 24/7 as if he or she was one of our own. Plenty of playtime, walks, individual attention, grooming if needed, comfortable sleeping areas with their own bed, and lots and lots of love.. </p>
         <p>Let us help you have the relationship that you and your dog deserve.. <br />
           <br />
           <strong>We are now accepting</strong><br />
           <img src="images/creditcards.jpg" width="228" height="43" alt="now accepting credit cards" /><br />
           <br />
           <br />
           </p>
         <p><br />
           </p>
         <p><br />
           <br />
          </div>
       <div id="mainContentFeature2">
         <form action="form.php" method="post" name="form2" id="form2"> <table width="279" border="0" cellpadding="2" cellspacing="2">
           <tr>
             <td width="273"><h2>Quick Contact</h2></td>
             </tr>
           <tr>
             <td class="mainContent">Your Name</td>
             </tr>
           <tr>
             <td><span class="style9">
               <input name="forname" type="text" class="colorfieldssmall" id="forname" size="20" />
               </span></td>
             </tr>
           <tr>
             <td class="mainContent">Your Email Address* (required)</td>
             </tr>
           <tr>
             <td><span class="style7 style9">
               <input name="admail" type="text" class="colorfieldssmall" id="admail" size="25" />
               </span></td>
             </tr>
           <tr>
             <td class="mainContent">Phone Number</td>
             </tr>
           <tr>
             <td><span class="style7 style9">
               <input name="phone" type="text" class="colorfieldssmall" id="phone" />
               </span></td>
             </tr>
           <tr>
             <td><span class="mainContent">Type of Dog Training</span></td>
             </tr>
           <tr>
             <td class="mainContent"><span class="style9">
               <select name="need" class="colorfieldssmall" id="need">
                 <option value="select one">select one</option>
                 <option value="Basic Obedience">Basic Obedience</option>
                 <option value="Behavior Therapy">Behavior Therapy</option>
                 <option value="Board and Train">Board and Train</option>
                 <option value="Off Leash Training">Off Leash Training</option>
                 <option value="Puppy Training">Puppy Training</option>
                 </select>
               </span></td>
             </tr>
           <tr>
             <td><span class="mainContent">Comments</span></td>
             </tr>
           <tr>
             <td><textarea name="comments" id="comments" cols="24" rows="8"></textarea></td>
             </tr>
           <tr>
             <td><div align="left">
               <input type="submit" name="submit" id="submit"  value="Submit" />
               </div>
               </td>
             </tr>
           </table></form>
         <h2><br />
           We are available in the following areas:</h2>
         <p>Long Island, Nassau county, Suffolk county, Manhattan, Brooklyn, Bronx, &amp; Queens.</p>
         <p>**We have pick up and drop off services for your pet for the boarding and boarding and training programs. <br />
           </p>
         <h2>Dog Training Testimonials<br />
           </h2>
         <p>Sending Otis to Brian for the board and train program was the best decision I ever made.  After being told Otis could not be helped and that he should be put down, I was devastated.  Otis has now been back from Brian's program for a few weeks and is extremely obedient and friendly.  He is the same puppy we brought home a couple years ago, but calmer and without any aggression.  We work on Otis' obedience daily as well as walk him and put him on the treadmill.   Thanks to Brian, our dog is happy-go-lucky and more approachable.  The list goes on and on of how Brian has helped the family, myself, and especially Otis.  If you are having issues with your dog, especially behavior and aggression problems, my advice to you is to trust Brian.  Your dog will be in good hands with a safe, reliable, responsible, dog lover that will treat your dog like his own.<br />
           <span class="testimonalName"><strong><br />
             Victoria Zilli<br />
             </strong></span><span class="mainContent">Long Island, New York</span><br />
           <br />
           <a href="dog-trainer-testimonials.html">Read more dog training testimonals</a><br />
           <br />
           <br />
          <br /></div>
       <div id="breadCrumbs">
         <p><a href="index.html">Home</a> &gt; Welcome to NY DogWorks New York's Premier Dog Training Company<br />
           <strong>Serving all of Long Island, Nassau &amp; Suffolk County, Manhattan, Brooklyn &amp; Queens</strong>        <br />
           </p>
         </div>
    </div>
        <div id="footer">
          <div id="footermenu">
          <div id="footermenu1">
          </div>
        </div>
       <div class="phoneNumber" id="copyright"> Copyright © 2014  NY DogWorks</div>
         <div class="websiteDesign" id="sitedesigner">Long Island Website Design by <a href="http://www.wetribet.com" title="Wet Ribet" target="_blank" class="medlink">Wet Ribet</a>     </div>
    </div>
    </div>
    </div>
    </body>
    </html>

    The issue with that white space is explained by the use of relative positioning of your menu. Remember that relative positioning visually allows you to move an element, but that its "shadow" or "foot print" is retained in the document flow. So it still takes up space where it originally flowed in your content, and this causes the header image to position itself the way it does. Turn off the relative positioning of the menu to see what I mean. A simple solution is to set the #header to relative positioning, and then apply absolute positioning to the menu.
    There are other issues with your code. Much of it can be simplified, and you should really stop using ID selectors from this point on, and predominantly use classes instead. The use of ID selectors ought to be limited as much as you can - they force you to write bloated convoluted code.
    Try to write DryCSS (Don't Repeat Yourself).
    Here is my somewhat cleaned up code. Notice I removed and simplified most of the css selectors. Some have no css properties at all anymore. And be careful that you cannot use re-use the same id selector in your html  code: it will not validate. #program1 must become .program1
    PS as always, please backup your files before applying these changes! Dreamweaver lacks a history/versioning feature!
    *, *:before, *:after {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
    body {
        margin: 0 auto;
        background-color: #203610;
        font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
        font-size: 100%;
        color: #333;
    #wrapper {
      background: url("../images/wrapbg.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
      margin: 0 auto;
      width: 951px;
    #header {
      position: relative;
    #mainNav {
      background: url("../images/menubg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
      bottom: 0;
      padding: 0 15px 0 25px;
      position: absolute;
      right: 0;
      width: 510px;
    .dropdown li { /* simplify .dropdown li !*/
      float: left;
      line-height: 2.2em;
    .dropdown a { /* simplify ul.dropdown li a !*/
      display: block;
      font-weight: bold;
      padding: 7px 12px;
    #container {
      background-color: #fff;
      border-top: 6px solid #6f9f49;
    #imgholder {
    .program1 { /* you CANNOT have multiple id selectors sharing the same name! Use classes!!! */
      float: left;
      width: 315px;
    rewrite this in your html:
    <div class="pageContentNoside">
        <div class="col-1-3 sideSub">
        <div class="col-1-3 mainContentFeature1">
        <div class="col-1-3 mainContentFeature2">
        <div class="breadCrumbs">
    </div>
    .col-1-3 {
      float: left;
      width: 33.3333%;
      padding: 25px 15px;
    #sideSub {
    #mainContentFeature1 {
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
    #mainContentFeature2 {
    #footer {
      clear: both;
      font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
      font-size: 0.7em;
      height: 45px;

  • IE 11 white space problem

    I created  a page with dreamweaver. It renders as intended in firefox but shows unwanted white space in ie 11.
    How do I fix this?
    Here is the page in firefox:
    Here is ie 11 page:
    Please respond to [email protected]
    Here 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" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: #4E5869;
    margin: 0;
    padding: 0;
    color: #000;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
    h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;  /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
    padding-right: 15px;
    padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
    font-size: x-small;
    color: #FFF;
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
    color:#414958;
    text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
    color: #4E5869;
    text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: none;
    color: #FFFFFF;
    /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
    .container {
    width: 80%;
    max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
    min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
    background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
    height: 80%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    .container .footer #fMisc div p {
    font-family: Verdana, Geneva, sans-serif;
    font-size: x-small;
    color: #FFF;
    /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
    .header {
    background: #6F7D94;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
    .sidebar1 {
    float: right;
    width: 20%;
    padding-bottom: 64px;
    height: 100%;
    font-family: "Comic Sans MS", cursive;
    font-weight: bolder;
    font-size: x-large;
    border-top-width: 0%;
    border-right-width: 0%;
    border-bottom-width: 0%;
    border-left-width: 0%;
    background-color: #93A5C4;
    background-repeat: repeat;
    margin: 0px;
    overflow: hidden;
    .content {
    width: 80%;
    float: right;
    background-image: url(back1.gif);
    background-repeat: repeat;
    background-color: #CCC;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    height: 100%;
    overflow: hidden;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
    padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
    list-style: none; /* this removes the list marker */
    border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
    margin-bottom: 15px; /* this creates the space between the navigation on the content below */
    ul.nav li {
    border-bottom: 1px solid #666; /* this creates the button separation */
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
    padding: 5px 5px 5px 15px;
    display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
    text-decoration: none;
    background: #8090AB;
    color: #000;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
    background: #6F7D94;
    color: #FFF;
    /* ~~ The footer ~~ */
    .footer {
    background: #6F7D94;
    position: relative;/* this gives IE6 hasLayout to properly clear */
    clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
    font-size: xx-small;
    color: #000;
    margin: 0px;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    /* ~~ miscellaneous float/clear classes ~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
    a {
    color: #FFF;
    .container .footer #fMisc div p a {
    color: #FFF;
    .container .footer div p {
    font-family: Verdana, Geneva, sans-serif;
    font-size: x-small;
    color: #FFF;
    .container .footer div p a {
    color: #FFF;
    p {
    font-size: xx-large;
    p {
    color: #000;
    font-size: x-large;
    .container .footer #fMisc div {
    font-size: x-small;
    .container .footer #fMisc div {
    color: #FFF;
    .container .content h1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: x-large;
    font-weight: bold;
    color: #000;
    -->
    </style><!--[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]-->
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div class="container">
      <div class="header">
      <img src="Pictures/logo.gif" alt="Logo" name="Insert_logo" width="81" height="63" id="Insert_logo" style="background: #8090AB; display:block;" />
    <!-- end .header --></div>
      <div class="sidebar1">
       <img src="Pictures/back1.jpg" width="72" height="72" /><p> Cliff is an all breed AKC Registered Professional Dog Handler</p>
    <p><img src="Pictures/back1.jpg" width="72" height="72" /></p>
    <p><img src="Pictures/back1.jpg" width="72" height="72" /></p>
    <!-- end .sidebar --></div>
      <div class="content">
       <ul id="MenuBar1" class="MenuBarHorizontal">
         <li><a href="#">Home</a>      </li>
         <li><a href="#" class="MenuBarItemSubmenu">Kennel</a>
           <ul>
             <li><a href="#">Our Facility</a></li>
             <li><a href="#">Rates</a></li>
             <li><a href="#">Pictures</a></li>
           </ul>
         </li>
         <li><a class="MenuBarItemSubmenu" href="#">Show Handling</a>
           <ul>
             <li><a href="#">Info</a></li>
             <li><a href="#">Rates</a></li>
             <li><a href="Schedulefile:///S:/Homepage/calendar.html">Schedule</a></li>
    </ul>
         </li>
         <li><a href="#">Photo Gallery</a></li>
         <li><a href="#">About Me</a></li>
         <li><a href="#">Contact Me</a></li>
       </ul>
       <br />
        <h1 style="margin: 10px; clear: both; text-align:center; font-size: xx-large; font-family: Georgia, 'Times New Roman', Times, serif;">Clifford W. Steele </h1>
       <div style="text-align:center; font-size: xx-large;"> <img src="Pictures/Harley Champion001.jpg" alt="Harley Champion" width="530" height="423" border="0" /></div>
      <!-- end .content --></div>
      <div class="footer">
          <div style="float:right">
            <p> <a href="MAILTO:[email protected]" >Site Designed by Fredric M. Zipser</a><br />
           </p>
        </div>
        <div>
            <p>Clifford W. Steele  Professional Handler <br />
              1395 Rt. 6<br />
              Carmel, NY  10512-1627<br />
              United States<br />
              ph:(845) 225-2463<br />
              Cell:(845) 661-0010<br />
            <a href="MAILTO:[email protected]" >[email protected]</a></p>
        </div>
      <!-- end .footer --></div>
    <!-- end .container --></div>
    </script>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>

    Give <div class="container"> the same blue background color as your right side bar.
    You'll notice in IE some of the spacing for the rest of your page is slightly larger than in Firefox (browsers do that a lot if you aren't very, very specific about sizes). Because of that, your side bar isn't long enough to fill in the space on that side and the background color of the "container" <div> shows through.

  • Bottom White Space

    On my website you can see that there is white space at the bottom but it ends just short of the true bottom, is there anyway I can make this so white continues down all the way?
    <!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>
    <link rel="stylesheet" href="layout.css" ... />
    <meta name="google-site-verification" content="_Plh0Sn97-RFeQaAZFoZgv8tZ9Ap9FhMbNGy3eq3CeM" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Home</title>
    <style type="text/css">
    <!--
    body {
        font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
        background: #4E5869;
        margin: 0;
        padding: 0;
        color: #000;
        background-image: url(Pictures/1276207208635.jpg);
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
        padding: 0;
        margin: 0;
    h1, h2, h3, h4, h5, h6, p {
        margin-top: 0;     /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
        padding-right: 15px;
        padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
        font-size: xx-large;
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
        border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
        color:#09F;
        text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
        color: #06F;
        text-decoration: none;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
        text-decoration: none;
    /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
    .container {
        width: 80%;
        max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
        min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
        background: #FFF;
        margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
        overflow: hidden; /* this declaration makes the .container clear all floated columns within it. */
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
    .sidebar1 {
        float: left;
        width: 20%;
        background: #93A5C4;
        padding-bottom: 10px;
    .content {
        padding: 10px 0;
        width: 60%;
        float: left;
    .sidebar2 {
        float: left;
        width: 20%;
        background: #93A5C4;
        padding: 10px 0;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
        padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
        list-style: none; /* this removes the list marker */
        border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
        margin-bottom: 15px; /* this creates the space between the navigation on the content below */
        color: #FFF;
    ul.nav li {
        border-bottom: 1px solid #666; /* this creates the button separation */
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
        padding: 5px 5px 5px 15px;
        display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
        text-decoration: none;
        background: #8090AB;
        color: #000;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
        background: #6F7D94;
        color: #FFF;
    /* ~~ miscellaneous float/clear classes ~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
        float: right;
        margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
        float: left;
        margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    .container .content h1 {
        font-family: OCR A Extended;
    body,td,th {
        color: #000;
    -->
    </style><!--[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]-->
    <!--Analystics-->
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-19878287-1']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    </script>
    <!--Iphone Redirect-->
    <script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('tnvkzuebf877', 'right-upper')</script>
    <script type="text/javascript" src="http://hunterthornsberry.com/mobilejs.js"> if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
         if (document.cookie.indexOf("iphone_redirect=false") == -1) window.location = "http://hunterthornsberry.com/mobile.html";
    </script>
    </head>
    <body>
    <div class="wrapper">
    <div class="container" align="left">
      <div class="sidebar1">
        <ul class="nav">
          <li><img src="../../Pictures/TDLLOGO.png" width="172" height="129" /></li>     
          <li><a href="index.html">Home</a></li>      <li><a href="About.html">About Me</a></li>
          <li><a href="Blog.html">Personal Blog</a></li>
          <li><a href="tech.html">Tech Stuff</a></li>
          <li><a href="Projects.html">Projects</a></li>
          <li><a href="design.html">Design/Art</a></li>
          <li><a href="Contact.html">Contact</a></li>
        </ul>
        <p> <center><script type="text/javascript"><!--
    google_ad_client = "pub-9636713487359174";
    /* HunterThornsberry */
    google_ad_slot = "9954026781";
    google_ad_width = 160;
    google_ad_height = 600;
    //-->
    </script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script></center></p>
      <!-- end .sidebar1 --></div>
      <div class="content">
        <center><h1>Home</h1>
          <p><strong><em>UNDER CONSTRUCTION</em></strong></p>
          <p>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400" id="FlashID" title="This is my life">
              <param name="movie" value="../../Intro.swf" />
              <param name="quality" value="high" />
              <param name="wmode" value="opaque" />
              <param name="swfversion" value="6.0.65.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="LOOP" value="false" />
              <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
              <!--[if !IE]>-->
              <object type="application/x-shockwave-flash" data="../../Intro.swf" width="550" height="400">
                <!--<![endif]-->
                <param name="quality" value="high" />
                <param name="wmode" value="opaque" />
                <param name="swfversion" value="6.0.65.0" />
                <param name="expressinstall" value="../../Scripts/expressInstall.swf" />
                <param name="LOOP" value="false" />
                <!-- 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>
          </p>
          <p> </p>
        </center>
      </div>
      <div class="sidebar2" align="right">
    <script type="text/javascript"><!--
    google_ad_client = "pub-9636713487359174";
    /* Sky */
    google_ad_slot = "5228573680";
    google_ad_width = 120;
    google_ad_height = 600;
    //-->
    </script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
      <!-- end .container --></div>
    <script type="text/javascript">
    <!--
    swfobject.registerObject("FlashID");
    //-->
    </script>
    </div>
    <!--Footer-->
    <div class="push"></div>
    <div class="footer">
    <p><center>Copyright (c) 2008</p>
    </div>
    </body>
    </html>

    Well its the 'footer' <div> and the <div> before that which need some attention.
    Add the below to your css styles:
    .footer {
    width: 80%;
    margin: 0 auto;
    background-color: #fff;
    .footer p {
    margin: 0;
    padding: 0;
    Then remove the "push" <div> completely:
    <div class="push"></div>
    <div class="footer">
    <p><center>Copyright (c) 2008</p>
    </div>
    To just leave:
    <div class="footer">
    <p><center>Copyright (c) 2008</p>
    </div>

  • A form field to insert white space

    Hi all,
    I need to insert some white space (the number of these white space is depending to some condition) in a form field.
    I show in my report a value and then I must complete this value with some white space to have finally a string with a fixed number of characters.
    I have a form field with a value (<?VALUE?>) and then I would insert a new form field to show only some white space. I can not add these white space directly on the field form containing the value.
    Thanks

    Balaji wrote:
    I need insert white space into table which a VARCHAR2 column. Just insert it, Whats the issue?
    I would like to validate the below expression against the data in the column \S.* What is this expression and where did you get it from?
    I guess this pattern validates for non-whitespace characters. Anyone help me on this and explain what this pattern does?No in regular expression space is represented as [:space:]
    Please read {message:id=9360002}

  • How to get rid of white space when creating a PDF file in dynamics ax 2012

    Hello,
    In Dynamcis AX 2012 we are creating an invoice that is first printed to the screen, but when we convert the invoice to a PDF, white space occurs that our customer cannot have.
    We opened a ticket with Microsoft with the following scope layout:
    As discussed, I am providing you a copy of our scope agreement for your issue.
    Issue Definition: When rendering an SSRS report to screen, report displays as expected. However, when the same report is sent to PDF or printer output, a large white space appears between the header and body of the report.
    We've examined every possible setting in the report design properties using Visual Studio, and nothing has been successful in correcting this behavior. Our client has indicated the proper rendering of certain reports is extremely critical to their business relationships with their clients. They've told us that this problem must be fixed or they cannot go live.
    Scope Agreement: Provide information on the issue of white space showing between the header and body of the report. May have to rescope issue depending on investigation.
    We will now begin working together to resolve your issue. If you do not agree with the scope defined above, or would like to amend it, please let me know as soon as possible. If you have any questions or concerns, please don't hesitate to contact me.
    So after we worked with MS for a bit and gave them more information, the final conclusion came back from them as follows:
    Message: Hello,
    When you examine the report, is the report hiding sections during the print out based on some data condition? IF so, this is going to be returned as By Design. Our current reporting framework will reserve space for the controls even if they are not visible when the report is printed to file (xps, pdf, may even do it if exported to Excel). If this is the case, we don't have anything we can do about it. Development is aware of this issue/limitation, but at this point, we have no workaround for it.
    So the question is:  Have you ever ran across this issue and does Adobe have a potential solution as Micrsoft does not.  Or do you have a potential work around.
    Thanks!
    Allen Shannon

    If you want this to bleed, then you will have to print on oversize paper and trim or find a printer that will print borderless.

Maybe you are looking for