Page not centering and background repeat question in Safari

I've recently set up a new Web site. It seems to be working and displays well in IE, Chrome and FF. My problem is Safari. The page is not centering (go left) and I'm also having a problem with

my footer div background image does not repeat. I'm sure it's something simple (that is to say: stupid) I did, but it just escapes me. The other interesting thing is that the background for the footer image

(which is the image of grass) is actually 1024px wide but it does not fully display, or else it is compress. Here is a link to the Web site. Ideas are appreciated. I use Safari on iPad so

What counts.

www.cardinalwood.com

Donna

OK, first apology.  I know you said that you were done with it, but I didn't!  It's niggling at me as I read your post.

If you are still interested, take a look at your page on my test site:

martcol.co.UK/test/cardinalwood.html

That's what I did (the CSS is in the head).  moved the footer to the container.  Added the image of the grass to the bottom of the body. tinkered with the width thing.  At the left off the bottom NAV margin.

This last step to focus correctly. I also put text-align: center on the body.

I think that's it.  It's rambling abit but makes it very well on my iPhone.

I'll take the page down in a week or two. I hope you didn't do this to me.

Martin

Tags: Dreamweaver

Similar Questions

  • How so avoid during a search, opening a new page or using the mouse-it flips page not found and "cltrda".

    How can I prevent the "page not found and cltrda information opening instead of my search?

    Try to use the extension SearchReset reset preferences to default values.

    Note that the SearchReset extension runs only once and then uninstalls automatically, so it will not appear on the page "> Firefox Add-ons" (topic: addons).

    If you don't keep changes after a reboot then see:

  • Page not centered when printing

    OK...

    So I use Indesign CS4 on a mac - I.

    I am on OS 10.6.8.

    I have a canon pixma pro9000 printer.

    and for some reason when I print from indesign, I can't have the page to be centered.

    that he never used to do that a month or two there.

    Photoshop, word, acrobat, they print correctly.

    but my indesign will not work.

    I swear to you I've tried EVERYTHING.

    It will not Center.

    I have it on "centered" in the ignitions of page down overall upward.

    I tried the printer settings page.

    and the basic set up, also page.

    but I still have a big gutter on the left side of the page.

    so I tried hanging the printer until the imac to my wife.

    which has the same characteristics as above.

    and it prints the same file DEAD CENTER.

    I tried to look at differences in work tables but can not find!

    Then...

    I think somethings corrupt with my indesign.

    so I uninstall.

    replace.

    and...

    get the same impression off center.

    Although I thought it was weird that I have re-installed it didn't ask me my serial number...

    so maybe it didn't uninstall completely and maintained no matter what ugly printing preferences haunt me

    So that's my story.

    I want to scream.

    I have no idea what to do next.

    any help would be appreciated wildly.

    t

    I think I found the problem.

    in Printer preferences there is a drop down menu which has a section "quality and support.

    the paper has not been set to 'paper' so I went to it and now it's printing correctly.

    now I KNOW I had it on things and ordinary paper before use again.

    Maybe once I threw the preferences and return to plain paper

    It was the magic combination?

    hope it stays like that.

    Thank you for your help.

    It was very appreciated!

    t

  • Region is not created, and also the question is not added... Help me

    Hi all,
    I want to create a dynamic region (in the direction using the code). The following code is used, but the thing is the region is not created and the item also not created. Use of the object of the question, I put the guest, it is also not working. Assume that this code is wrong let me know how to create regin and under this region an element.
    the code is:
    OAMessageComponentLayoutBean msgcmpntbean = (OAMessageComponentLayoutBean) createWebBean (pageContext, MESSAGE_COMPONENT_LAYOUT_BEAN);

    OAMessageStyledTextBean msgstyledbean = (OAMessageStyledTextBean) pageContext.getWebBeanFactory () .createWebBean (pageContext, MESSAGE_STYLED_TEXT_BEAN, OAWebBeanConstants.VARCHAR2_DATATYPE, "Login");

    pageContext.getPageLayoutBean () .addIndexedChild (msgcmpntbean);

    msgcmpntbean.setRows (1);
    msgcmpntbean.setColumns (3);

    msgstyledbean.setPrompt ("User Login :");

    Thanks in advance

    Hello

    Change your code in this way

    OAMessageComponentLayoutBean msgcmpntbean is createWebBean (OAMessageComponentLayoutBean) (pageContext, MESSAGE_COMPONENT_LAYOUT_BEAN, null, "msgcmpntbean");.

    OAMessageStyledTextBean msgstyledbean = (OAMessageStyledTextBean) createWebBean (pageContext, MESSAGE_STYLED_TEXT_BEAN, OAWebBeanConstants.VARCHAR2_DATATYPE, "Login");

    msgstyledbean.setPrompt ("User Login :");

    msgcmpntbean .addIndexedChild (msgstyledbean);

    webBean.addIndexedChild (msgcmpntbean);

    certainly it will work in the case of any questions, please let me know

    thanx
    Pratap

  • Why resize my pages in preview and preview of the browser (safari) but look how I designed them in design mode?

    Help!  I've been adding images to a page and everything looks good in Design view, but when I saw the page in preview mode or in the browser (safari), the images are either displaced or there is more space between the bottom of the images and menu bar

    I think I fixed it, I had a sticky footer defined.

    Thank you for your quick response!

  • computer hard to get online. will just sit down with a blank white page, not unlock and go my MSN. cannot click on any option

    not be connected to black white country page comes, cannot delete or move my MSN.

    Hello

    -What web browser do you use?
    -If you use Internet Explorer, what version are you using?
    -Did you change on your computer due to which the question has begun?

    I recommend you follow the steps in this article and see if the problem still occurs.

    http://support.Microsoft.com/kb/945385

    Registry warning
    Important:
    this section, method, or task contains steps that tell you how to modify the registry. However, serious problems can occur if you modify the registry incorrectly. Therefore, make sure that you proceed with caution. For added protection, back up the registry before you edit it. Then you can restore the registry if a problem occurs. For more information about how to back up and restore the registry, click on the number below to view the article in the Microsoft Knowledge Base:

     
    How to back up and restore the registry in Windows
  • Windows Media Player 'page not found' and .wax files

    Accidentally, I posted this in the Windows 7 forum, please excuse the double post:

    Your help is greatly appreciated.

    I have problems when you try to play Windows Media Player/Media Guide/Internet Radio.

    When I chose 'listen' for a station, I get a box of "do you want to or save this open file."

    If I chose open, I get an error "this program cannot display this webpage".

    If I choose to save, I save a .wax file (at this time I going to my office for my mental health) and double click it to play the station I want to hear.  It's very annoying.

    I want to do a lot and hope that there is a way to make this process much easier.

    I have Windows Media Player 11.0 on Vista Home Premium.  I tried to update and it says there is no update.

    Thanks again for your help

    Please try to set WMP as default player again, by selecting it in the list and click set this program as default .

    In addition, this happens with all radio stations, or just one?

    The dialog box that opens gets also a checkbox called always ask before opening this type of file ? If so, you can clear the check box and click Open , and the dialog box should not appear more after that.

    If that doesn't help either, you can try to delete temporary Internet files and the Internet Explorer Cookies.

    Tim Baets
    http://www.BM-productions.TK

  • Page not centered

    I just upgrade Dreamweaver 5.5.  Used what I thought was centered at page template during site development.  Shows that centered on the mode live view.  After download of FTP to the server it shows crop on the left to explore. Any help out there?

    Remove this line from the top of your source code:

    %@LANGUAGE="JAVASCRIPT" CODEPAGE = "65001" %

    --
    Al Sparber - PVII

    http://www.Projectseven.com

    Column magic composer CSS Framework

    http://www.Projectseven.com/go/CCM

  • Page not in line with the margins, how can I move it?

    Hi all

    My form has seen many changes over the past months and at one point, the 'page' (JAI) moved outside the margins of the content area, and I can't understand how to bring it back. I use ES4, all the software updates completed a month ago. Here is a screenshot to show what I mean:

    Capture.PNG

    The 'page' is not centered and is contained outside / margin on the edge right (and inside on the left). Why? and how can I solve this problem?

    Thank you!!!

    Where others have this problem, what I ended up doing was creating a blank form, and then copy my entire page / subform (JAI) and paste it into the new form. Everything aligned correctly, but I had to rebuild all my actions.

  • How to align Divs PA in the Center if my page is centered?

    My page is centered and seems perfect, but AP div tags appearing on each page are all aligned to the left.

    Whatever I do to change that, no matter what, they are all still aligned left.

    Does anyone know how to adapt the code or whatever it is that will make the Divs aligned PA centered as well?

    Thank you

    I found the link below useful, see if it helps you too

    http://www.fionasansom.com/assets/how_to_center/centre_in_browser.html

  • Page and background not centering

    I am a beginner CSS coder, so I don't know that I did something very stupid:

    I have a div wrapper, which is wide 850px. I set the margins to: 0 auto;

    It looks good on a Mac in Firefox or Explorer, but seen on IE 5 or 6 on a PC, the background image is disabled and the site is embedded left - not centered.

    My header div is 800px wide and centered, and my main contained dive is 800px centered, so the background image of the wrapper appear on the sides and top evenly.

    Here's the url: http://www.hudsontrailers.com

    Here's the css:

    {body
    background-color: #003300;
    Police-family: Palantino "Times New Roman", Times, serif;
    do-size: 1em;
    text-align: left;
    }

    {#wrapper}
    background-image: url (.. / images/bkgnd.jpg);
    background-attachment: fixed;
    Width: 850px;
    height;
    margin: 25px auto;
    Padding: 25px 0;
    }

    #header {}
    background-color: #003300;
    border-top: medium solid #FFFFFF;
    border-right: medium solid #FFFFFF;
    border-left: medium solid #FFFFFF;
    Width: 800px;
    margin: 0 auto;
    padding: 0;

    }
    #main {}
    Clear: both;
    background-image: url (.. / images/images/main_bkgnd.jpg);
    Width: 800px;
    Auto margin: 0;
    padding: 0;
    border-left: medium solid #FFFFFF;
    border-right: medium solid #FFFFFF;
    border-bottom: medium solid #FFFFFF;
    }

    Any help would be greatly appreciated.

    Problem solved...

    Added:

    position: absolute;
    left: 50%;
    margin left:-425px;

    to the div wrapper... all goes well now on IE 5 and 6.

    Discovered that I should not include your suggestion to:

    Body {text-align: center ;}}
    #wrapper {text-align: left ;}}

    Thanks a lot for your help!

  • CSS HELP! IT IS NOT CENTERING BACKGROUND

    OK my page's work perfidy everywhere but not in Internet Explorer... I want the background to be centered and fixed also (so it does not scroll), everything I try send page wach hole or it alings he left

    CSS:

    /*****************************************/

    /*************** RESET CSS ***************/

    /*****************************************/

    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, ht ml, label, table, tr, td {margin: 0; padding: 0 ;}}

    table {border-collapse: collapse; border-spacing: 0 ;}}

    fieldset, img, an img,: link, img: visited img {border: 0 ;}}

    address, caption, cite, dfn, code, var, th {make-style: normal; make-weight: normal ;}}

    OL, ul {list-style: none ;}}

    Caption, th {text-align: left ;}}

    H1, h2, h3, h4, h5, h6 {make-size: 100% ;}}

    q: before, q: after {content: ";}}

    / * Site * /.

    {body

    Background: #2 c 2825 url(images/topBg-repeat.jpg);

    background-repeat: no-repeat;

    background-position: top center;

    background-attachment: fixed;

    font: 12px / 1.46 Verdana, Verdana, Geneva, without serif.

    margin: 0;

    Color: #000;

    text-align: center;

    }

    TD {make-size: 1em ;}}

    form {}

    Display: inline;

    margin: 0;

    padding: 0;

    }

    H1 {make: normal 1.5em Arial, Helvetica, without serif; color: #0f0f0f;}   }

    H2 {make: normal 1.3em Arial, Helvetica, without serif; color: #0f0f0f;}  padding-bottom: 20px; }

    H3 {make: normal 1.1em Arial, Helvetica, without serif; color: #0f0f0f;}  padding-bottom: 20px; }

    {H2. Header}

    color: #484848;

    padding: 10px;

    background-color: transparent;

    make-weight: bold;

    }

    {p}

    padding-bottom: 10px;

    padding-left: 20px;

    }

    an img {border: 0 ;}}

    a: link {color: #493933 ;}}

    a: visited {color: #493933 ;}}

    a: active {color: #bbb0a8}

    a: hover {color: #bbb0a8 ;}}

    . Clear {clear: both; font-size: 0em; height: 0em ;}}

    .floatRight {float: right ;}}

    .floatLeft {float: left ;}}

    . AlignRight {text-align: right ;}}

    . AlignLeft {text-align: left ;}}

    .AlignCenter {text-align: center ;}}

    .margincenter {auto margin: 0 ;}}

    . Small {make-size: .9em ;}}

    . Smaller {make-size: .8em ;}}

    . Smallest {make-size: .7em ;}}

    signs {size are: 1.1em ;}}

    .larger {size are: 1.2em ;}}

    .largest {size are: 1.3em ;}}

    . Bold {make-weight: bold ;}}

    . Italic {make-style: italic ;}}

    .red {color: #dd0000 ;}}

    . Blue {color: #0000ff ;}}

    . Grey {color: #999999 ;}}

    . NoWrap {white-space: normal ;}}

    . Link-pipe {color: #999999 ;}}

    .input_error {border-color: #cc0000 #ff0000 #ff0000 #ff0000 ;}}

    Select {}

    border-width: 1px;

    border-color: #333333 #bbbbbb #bbbbbb #bbbbbb.

    padding: 1px 2px;

    }

    . Error-message {}

    padding: 4px;

    text-align: center;

    Width: 60%;

    Auto margin: 0;

    color: #dd0000;

    make-weight: bold;

    }

    . LOGN .error-message,

    . AFCL .error-message,

    . ORDL .error-message {}

    margin: 12px 24 PX.

    Width: auto;

    }

    any intelligence-message {}

    padding: 4px;

    text-align: center;

    Width: 60%;

    Auto margin: 0;

    color: #0000dd;

    }

    . LOGN all intelligence-message {}

    margin: 12px 24 PX.

    Width: auto;

    }

    TD. Field textarea {}

    Width: 200px; height: 100px;

    }

    . TextField, select, textarea,

    #tax - fields of entry {} .form_row

    border-width: 1px;

    border-style: solid;

    border-color: #333333 #bbbbbb #bbbbbb #bbbbbb.

    padding: 1px 2px;

    Police: normal Arial, Helvetica, Verdana, without serif 1em;

    }

    . TextField, textarea {}

    Width: 140px; height: 18px;

    }

    button {}

    border: none;

    background-color: #9c1f1c;

    color: #ffffff;

    font-size: .9em;

    padding: 3px;

    margin: 0;

    cursor: pointer;

    Width: auto;

    overflow: visible;

    }

    {#site-container}

    Width: 960px;

    Auto margin: 0;

    text-align: left;

    border-collapse: collapse;

    }

    #bottom-wrap {clear: both; font-size: 0em; height: 0em ;}}

    / Top Navigation * bar * /.

    {#-barre of navigation

    Background: #fff url(images/mainNav-bg.jpg) no-repeat center;

    height: 41px;

    line-height: 0;

    margin-bottom: 20px;

    margin-top: 16px;

    padding: 10px;

    }

    bar of navigation-# ul {}

    Auto margin: 0;

    padding: 8px 0 0 0;

    Width: 560px;

    Clear: both;

    }

    bar of navigation-# li {}

    color: #ffffff;

    list-style: none;

    line-height: 12px;

    float: right;

    text-align: center;

    margin: 0 2px;

    Police-weight: normal;

    }

    navigation bar-# li.navigation - point-on {}

    navigation bar-# li.navigation - point-off}

    / * tab padding * /.

    bar of navigation-# li div div {padding: 5px 18px ;}}

    / * tab off images side * /.

    li.navigation - point-off div.item - left navigation #-barre {background: transparent url() in top left no-repeat scroll ;}}

    li.navigation - point-off div.item - right navigation #-barre {background: transparent no-repeat scroll top right ;} url()}

    / * tab on the side images * /.

    li.navigation - point-on div.item - left navigation #-barre {background: transparent url() in top left no-repeat scroll ;}}

    li.navigation - point-on div.item - right navigation #-barre {background: transparent no-repeat scroll top right ;} url()}

    / navigation bar links * /.

    navigation bar-# li a: link,.

    navigation bar-# li a: visited,

    navigation bar-# li a: hover,

    #-barre of navigation li a: active {}

    color: #fff;

    text-decoration: none;

    }

    {} #nav - box

    #nav - search {}

    {#nav} - basket

    {#nav} - account

    {} #nav - all - products

    {#nav} - showcase

    / * Left navigation * /.

    {#left-navigation}

    padding: 10px 10px 20px 10px;

    vertical-align: top;

    Width: 200px;

    }

    / * Column Pages * /.

    . One-column #left navigation {display: none ;}}

    . One-column #main - content {padding: 20px; width: 940px ;}}

    #shipping - payment .form_row {text-align: left ;}}

    {#category-tree}

    background-color: #e3dad4;

    padding: 10px;

    }

    {#category - tree - top - image}

    Width: 218px;

    }

    {#category - tree - low - image}

    background: transparent url(images/footer-bottom-bg.jpg) low no-repeat;

    padding-bottom: 29px;

    }

    #category - tree {}

    Display: block;

    text-decoration: none;

    color: #0f0f0f;

    do-size: 12px;

    }

    {div #category - tree}

    border-bottom: 1px solid #eee8e5;

    padding: 10px 0;

    }

    tree-category # level - 1 {a}

    padding: 4px 6px 4px 0;

    background: transparent url() right no-repeat;

    }

    #category - tree level-2 a {padding: 4px 6px 4px 20px ;}}

    #category - tree level-3 a {padding: 4px 6px 4px 30px ;}}

    #category - tree level-4 a {padding: 4px 6px 4px 40px ;}}

    #category - tree level-5 a {padding: 4px 6px 4px 50px ;}}

    #category - tree level-6. a {padding: 4px 6px 4px 60px banner ;}}

    #category - tree div.active End Sub

    {#category-tree-header}

    background: top url(images/categoryTitle-bg.jpg) no-repeat scroll Center;

    height: 46px; Width: 218px;

    padding-bottom: 20px;

    }

    {#category - tree - footer

    background: url(images/catTreeSocialFooter-bg.jpg) no-repeat scroll center top transparent;

    height: 200px;

    Padding: 60px banner 0 0 20px;

    Width: 199px;

    margin-top: 15px;

    }

    #category - tree - Footer img {}

    Width: 35px; height: 35px;

    margin-left: 5px;

    }

    {img.social - icons-first #category - tree - footer

    margin-left: 25px;

    }

    / * Content * /.

    {#content container}

    Clear: both;

    margin: 0;

    background-color: #fff;

    }

    {#main - content

    vertical-align: top;

    Width: 730px;

    }

    / * Header/footer global * /.

    {#global-in-head}

    background: url() not high repetition;

    }

    #logo {}

    height: 79px;

    Width: 213px;

    }

    #logo a {}

    Background: URL(images/logo.gif) no-repeat scroll left top transparent;

    cursor: pointer;

    Display: block;

    height: 79px;

    Width: 320px;

    }

    {#search}

    float: right;

    Padding: 40px 10px 4px 0;

    }

    {#header-links}

    float: right;

    Padding: 40px 12px 0 0;

    line-height: 22px;

    color: #ededed;

    text-align: right;

    }

    {#header-links}

    color: #fff;

    }

    {#global-footer}

    border-top: 1px solid #dbcfca;

    margin: 60px banner 0;

    padding-top: 20px;

    text-align: center;

    }

    #footer - links {}

    color: #bbb0a8;

    }

    #footer - links ul {}

    font: normal .9em Verdana, Helvetica, Arial, without serif.

    margin: 8px 0;

    padding: 0;

    }

    #footer - links ul li {}

    list-style-type: none;

    border-left: 1px solid #bbb0a8;

    padding: 0 2px 0 6px;

    margin: 0;

    text-align: center;

    Display: inline;

    }

    #footer - links li.first - child ul {border: 0 ;}}

    #global-footer #footer - links #footer - plan of the site-link {display: none ;}}

    {#miva-link}

    do-size: .8em;

    margin: 16px 0;

    }

    #miva - link has {color: #999999 ;}}

    #-l ' the page header {clear: both ;}}

    page #-pied {clear: both ;}}

    {#maintenance}

    color: #dd0000;

    make-weight: bold;

    }

    / * ACAD, CADE, AFAD, DAVID, OFC * /.

    {.logout-link

    margin: 12px 0;

    float: right;

    }

    #customer - the label fields.

    {label #affiliate - fields}

    Clear: both;

    float: left;

    padding: 2px 5px 3px 0;

    text-align: right;

    white-space: nowrap;

    Width: 170px;

    }

    label #affiliate - commissions,.

    . {Label editable OSEL .not}

    float: left;

    Width: 120px;

    make-weight: bold;

    text-align: right;

    padding: 0 6px 0 0;

    }

    #customer - input.textfield fields,

    #affiliate - input.textfield fields,

    #tax - input fields,

    #affiliate - div.form_row div commissions,

    div.form_row. fix div {}

    Width: 170px;

    margin: 0 4px 0 0;

    }

    #affiliate - commissions div.form_row div {float: left ;}}

    #customer - select fields.

    #affiliate - fields select {}

    Width: 176px;

    margin: 0 4px 0 0;

    }

    #login-details.

    {#affiliate-Info}

    margin: 16px 0 0 0;

    }

    #affiliate - commissions .form_row {margin: 0 8px 0 0;}

    . {#Affiliate - AFAD fields

    Width: 50%;

    Auto margin: 0;

    }

    . Contact-DAVID #affiliate - #affiliate fields,

    . DAVID #affiliate - #affiliate - commissions {} fields

    float: left;

    Width: 50%;

    }

    {.affiliate-code #affiliate - commissions}

    Width: 230px! important;

    }

    {#affiliate - image #affiliate - commissions}

    Width: 236px! important;

    overflow: auto;

    }

    #affiliate-terms {margin-left: 155px ;}}

    #affiliate - .form_row {div. fix fields

    margin: 0 8px 0 0;

    padding: 2px 0 0 0;

    }

    except-button,

    continue-button {}

    Clear: both;

    text-align: right;

    Padding: 24 PX 0 0 0;

    }

    .required {make-weight: bold ;}}

    {H2. Fields-topic

    background-color: #68635f;

    color: #fff;

    margin: 0 12px 0 0;

    padding: 4px 4px 4px 12px;

    }

    .address2-label {margin: 0 14px 0 0;}

    . Controls {}

    Police: normal Verdana, Helvetica, Arial, without serif .7em;

    visibility: hidden;

    }

    #customer - fields .controls label {}

    float: none;

    }

    #ship-to,.

    Bill - to # {}

    Width: 50%;

    float: left;

    }

    #ship - to input.checkbox h2,

    #bill - h2 {input.checkbox}

    margin: 0 2px 12px 0;

    padding: 0;

    Width: 13px;

    height: 13px;

    overflow: hidden;

    }

    div. Invalid input.textfield,

    div. Invalid select,

    #tax - fields of entry {} div.invalid

    border-color: #cc0000 #ff0000 #ff0000 #ff0000.

    }

    tag div. Invalid {color: #dd0000 ;}}

    . Warning-message {}

    padding: 4px;

    text-align: center;

    Width: 60%;

    Auto margin: 0;

    color: #dd0000;

    }

    #customer - fields.editable .form_row,

    {.form_row #affiliate - fields.editable}

    margin: 6px 0 0 0;

    text-align: left;

    }

    #customer - fields.non-{editable .form_row

    margin: 0 4px 0 0;

    text-align: left;

    }

    #customer - editable fields.non-etiquette.

    #affiliate - fields.non-{editable label

    margin: 0 0 0 30px;

    padding: 0 4px 0 0;

    make-weight: bold;

    Width: 110px;

    text-align: right;

    float: left;

    Clear: both;

    white-space: nowrap;

    }

    #customer - fields.non - editable .form_row div,.

    #affiliate - fields.non - editable .form_row div {}

    float: left;

    }

    {#update-record}

    Clear: both;

    margin: 0 0 24 PX 24 PX.

    }

    label fields .tax {make-weight: bold ;}}

    / * LOGN, AFCL, ORDL ORHL * /.

    . AFCL #main - happy,

    . LOGN #main - happy. {#Main - content ORHL

    Width: 940px;

    }

    . ORHL #main - content {}

    . ORDL #main - content {padding: 28px 16px ;}}

    . AFCL hickiing,

    . LOGN hickiing {}

    float: left;

    height: 220px;

    Width: 49%;

    text-align: center;

    }

    . Hickiing {} ORDL

    float: left;

    height: 220px;

    Width: 33%;

    }

    . .Lookup-section {} ORHL

    float: left;

    height: 220px;

    Width: 50%;

    }

    . {.signin-section ORHL

    float: left;

    height: 220px;

    Width: 48%;

    }

    . Lookup-section .form_row {}

    . SignIn-section .form_row {}

    hickiing h3,

    . Lookup-section h3,

    . SignIn-section h3 {}

    text-align: center;

    padding-bottom: 10px;

    }

    {.form_row}

    margin: 6px 0 0 0;

    text-align: center;

    }

    . Label LOGN,

    . Label ORDL,

    . {Label AFCL

    Clear: both;

    Width: 80px;

    padding: 3px 5px;

    }

    . {Label ORHL

    Clear: both;

    padding: 3px 5px;

    text-align: right;

    white-space: nowrap;

    Width: 90px;

    }

    . Grey-border-right {border-right: 1px solid #cccccc ;}}

    . LOGN-entry {width: 120px ;}}

    {# key invalid

    Width: 23px;

    float: left;

    margin: 0 4px 0 0;

    border-width: 1px;

    border-style: solid;

    border-color: #cc0000 #ff0000 #ff0000 #ff0000.

    }

    {}. sign-in-buttons

    text-align: center;

    margin: 12px 0 0 0;

    }

    {forgot password

    font-size: .9em;

    text-align: center;

    margin: 12px 0 0 0;

    }

    / * BASK, ASTC, OPAY, OSEL SE * /.

    #basket - happy. non-modifiables.

    #basket - happy .editable,

    {Table #order - summary

    Width: 100%;

    border-left: 1px solid #d6d6d6;

    border-top: 1px solid #d6d6d6;

    margin-top: 10px;

    }

    #basket - happy. editable non-table.

    table #basket - happy .editable,

    {Table #order - summary

    border-collapse: collapse;

    Width: 100%;

    }

    #basket - happy editable .non-td,

    TD #basket - happy .editable

    #order - content td {}

    background-color: #fff;

    border-bottom: 1px solid #d6d6d6;

    border-right: 1px solid #d6d6d6;

    vertical-align: top;

    Padding: 6px;

    Police: normal 1em Arial;

    }

    #basket - table of contents table tr.basket - section td,

    #basket - table of contents table tr.basket - section td,

    #order - summary table tr.heading td {}

    background-color: #68635f;

    color: #fff;

    make-weight: bold;

    text-align: center;

    do-size: 1em;

    white-space: nowrap;

    }

    #Basketball-content .basket-Qty-input {width: 34px ;}}

    #Basketball-content .item - delete {}

    Width: 8%;

    vertical-align: middle;

    }

    #basket - table of contents table .basket-section name - td.item {}

    text-align: left;

    }

    #basket - happy .editable .item-quantity {}

    Width: 13%;

    text-align: center;

    white-space: nowrap;

    }

    #basket - happy .non-{.item-editable quantity

    Width: 6%;

    text-align: center;

    }

    #Basketball-content .item-name options .item {padding-left: 16px ;}}

    #basket - happy. fix .item-name {width: 59% ;}}

    #basket - happy .editable .item-name {width: 66% ;}}

    #basket - materials td.item - name {text-align: left ;}}

    # price-.item-basketball-content {}

    Width: 10%;

    text-align: right;

    white-space: nowrap;

    }

    #basket - content total .item {}

    Width: 10%;

    text-align: right;

    }

    #basket - .basket-cost materials .charge-description,.

    #Basketball-content .basket-loads load .formatted {}

    make-style: italic;

    text-align: right;

    white-space: nowrap;

    }

    #basket - #basket summary - totals .formatted-total,.

    #basket - #basket - total summary .total-speedy {}

    make-weight: bold;

    text-align: right;

    }

    #Basketball-content .item-options td {}

    .go .item-quantity {width: 8%! important ;}}

    .go .item-name {width: 64%! important ;}}

    #fields-key {margin: 16px 0 ;}}

    .go-button {}

    margin: 12px 10px;

    text-align: right;

    }

    #payment-{} input fields

    border-width: 1px;

    border-style: solid;

    border-color: #333333 #bbbbbb #bbbbbb #bbbbbb.

    padding: 1px 2px;

    Police: normal Arial, Helvetica, Verdana, without serif 1em;

    }

    {label #payment - fields}

    white-space: nowrap;

    text-align: left;

    padding: 3px 5px 3px 0;

    Clear: both;

    margin: 2px 0 0 0;

    }

    # fields - payment td {}

    padding: 0 6px 0 0;

    }

    #shipping - payment .form_row {margin: 10px 0 0 0 ;}}

    {label #shipping - payment}

    float: left;

    Width: 65px;

    white-space: nowrap;

    text-align: left;

    padding: 3px 5px 3px 0;

    Clear: both;

    margin: 2px 0 0 0;

    }

    . OSEL .continue-button,

    . OPAY .continue-button {}

    margin: 0 12px 0 0;

    }

    . OFC #basket - content {margin: 32px 0 0 0 ;}}

    . OPAY .fields-key {margin: 16px 0 0 0;}

    fields-payment # .form_row {margin: 10px 0 0 0 ;}}

    #customer - fields. fix {margin: 32px 0 0 0;}

    #basket - happy. fix {32px margin: 16px 0 0 ;}}

    / * SRCH, PLST, CTGY, OUS1, OUSM * /.

    . Categoy-registration

    . All products,

    product related,

    *.search-results {}

    Clear: both;

    }

    . Product-item {}

    float: left;

    padding: 0 20px 10px;

    Width: 215px! important;

    }

    {.padding .product-point

    background-color: #fff;

    height: 300px;

    overflow: hidden;

    padding: 20px 10px;

    text-align: center;

    color: #484848;

    border: 1px #dbcfca solid;

    }

    previous-next-.product {}

    Clear: both;

    margin: 12px 0;

    }

    . CTGY .product-details,

    . PLST .product-details,

    . SRCH .product-detail {}

    overflow: hidden;

    text-align: center;

    color: #493933;

    padding: 0;

    margin: 0;

    }

    . Product-point .product-thumbnail {}

    margin: 0 12px 0 0;

    text-align: center;

    }

    . Product-point .product-thumbnail img {}

    border: 0px solid #D6D6D6;

    Max-width: 190px; height: 165PX;

    }

    {.purchase-buttons

    text-align: center;

    margin: 16px 0 0 0;

    }

    . Purchase-buttons input.button {}

    margin: 0 0 0 17px;

    padding: 5px;

    float: left;

    }

    {td.item - .line-point buttons

    white-space: nowrap;

    }

    . Item-buttons input.button {}

    float: left;

    margin: 0 0 0 5px;

    padding: 5px;

    }

    . Point-line tr.header - line td {make-weight: bold ;}}

    {.thumbnail-non-availability

    Display: block;

    Width: 110;

    height: 110px;

    background: transparent url() no-repeat scroll left top;

    Auto margin: 0;

    }

    {image-no-availability

    Display: block;

    background: transparent url() no-repeat scroll left top;

    }

    . Next-previous {margin: 12px 0 0 0 ;}}

    . Next-button {float: right ;}}

    . Previous-button {float: left ;}}

    . Search-new {margin: 0 3px 10px;}

    . {#Main - content OUS1

    padding-left: 225px;

    padding-right: 225px;

    }

    . Upsale-section {text-align: center ;}}

    . OUS1 .product-thumbnail {}

    float: left;

    height: 300px;

    Max-width: 300px;

    text-align: center;

    padding: 0 20px 0 0;

    }

    . OUS1 .product-description {margin: 16px 0 0 0 ;}}

    . OUS1 .thumbnail-non-availability {auto margin: 16px ;}}

    . {#Main - content OUSM

    padding-left: 160px;

    padding-right: 160px;

    }

    {.upsale-lot

    Width: 100%;

    padding: 2px;

    }

    . Upsale-lot .heading td {make-weight: bold ;}}

    . Upsale-box {width: 32px ;}}

    . Upsale-name {width: 175px ;}}

    . OUS1 .purchase-buttons textarea {}

    text-align: center;

    Width: 390px;

    height: 100px;

    }

    . OUSM continue-button {text-align: center ;}}

    .line-article table {width: 99% ;}}

    . Line-item table tr.heading td {make-weight: bold ;}}

    . Line-item table td {}

    padding: 10px;

    {border: 1px solid #ccc}

    . Line-item .item-name {width: 30% ;}}

    tr.alt_row .line-item {background-color: #f4ece7 ;}}

    / * PRODUCT DISPLAY * /.

    .product-details-1 {}

    Width: 48%;

    float: left;

    }

    . Product-details-1 p {}

    text-align: center;

    }

    {.product-details-2

    Width: 48%;

    float: left;

    }

    {.purchase .product-details-2 buttons}

    margin: 16px 0;

    text-align: left;

    Width: 200px;

    }

    . Product-details-2 .purchase-keys {}

    font-size: 17px;

    height: 39px;

    margin: 10px 0 0;

    text-shadow: 2px 2px 2px #496E92;

    Width: 140px;

    }

    .product-image {}

    Max-width: 300px;

    margin: 20px 0;

    text-align: center;

    }

    . Product-image img {}

    Max-width: 300px;

    Max-height: 300px;

    }

    . Product-quantity-input {}

    margin: 4px 0;

    overflow: auto;

    Width: 34px;

    text-align: left;

    }

    {} related products

    Clear: both;

    16px margin: 32px 0 0;

    }

    . Product-attributes {}

    margin: 16px 0;

    text-align: left;

    }

    . Product-attributes td {}

    padding: 4px 0;

    }

    . Product-attributes td.prompt}

    vertical-align: top;

    text-align: left;

    padding-right: 5px;

    }

    . Product-attributes td.field}

    text-align: left;

    }

    / * INVC * /.

    . INVC ordering-id,

    . ADR ordering id {}

    float: left;

    make-weight: bold;

    }

    . INVC ordering date,

    . {. Order-date ADR

    float: right;

    text-align: right;

    }

    . INVC ordering period,

    . . Order date of ADR span {}

    make-weight: bold;

    }

    . INVC h3,

    . ADR h3 {}

    Clear: both;

    margin: 16px 0 24 PX 0;

    }

    / * PATROL * /.

    . PATR .continue-button {}

    text-align: right;

    margin: 12px 0;

    }

    / * SMAP * /.

    . SMAP h3 {}

    }

    . SMAP .category {}

    Width: 33%;

    text-align: left;

    float: left;

    }

    . SMAP .category {} .padding

    padding: 2px;

    }

    . SMAP .product {}

    Width: 33%;

    text-align: left;

    float: left;

    }

    . SMAP .product .padding {padding: 2px ;}}

    / * ORDH, ADR * /.

    table #orderhistory - list {border-collapse: collapse ;}}

    {Table #order - summary

    Width: 100%;

    }

    #order - summary table td.

    #orderhistory - list table td {}

    vertical-align: top;

    }

    #orderhistory - list ordering - reorganize {text-align: center ;}}

    #orderhistory - list ordering-Bill {}

    #orderhistory - list ordering-description {text-align: left ;}}

    #orderhistory - list ordering-date {}

    #orderhistory - ordering-bought list {text-align: center ;}}

    #orderhistory - list ordering quantity {text-align: center ;}}

    #orderhistory - list ordering {text-align: center ;}}

    #orderhistory - followed list ordering {text-align: left ;}}

    #orderhistory - ordering-total list {text-align: right ;}}

    #-orderhistory - ordering rix {text - align:right ;}

    #orderhistory - ordering-view list {}

    vertical-align: middle;

    padding: 0 8px;

    }

    #orderhistory - list tr.heading td {}

    make-weight: bold;

    white-space: nowrap;

    }

    #order - summary table tr td.order - reorganize {text-align: center ;}}

    #order - summary table tr td.order - invoice {}

    #order - summary table tr td.order - description {text-align: left ;}}

    #order - summary table tr td.order - date {text-align: left}

    #order - contents table tr td.order - bought {text-align: center ;}}

    #order - summary table tr td.order - quantity {text-align: center ;}}

    #order - summary table tr td.order - status {text-align: left ;}}

    #order - summary table followed tr td.order {text-align: left ;}}

    #order - summary table tr td.order - total {text-align: right ;}}

    #order - summary table tr td.order - price {text-align: right ;}}

    Description - #order - summary table tr td.charge,

    #order - summary table tr td.charge - fairy {}

    make-style: italic;

    text-align: right;

    }

    #order - summary table tr td.charge - fairy {text-align: right ;}}

    #order - summary table tr td.formatted - total,

    #order - summary table tr td.total - speedy {}

    text-align: right;

    make-weight: bold;

    }

    {#customer-fields}

    margin: 16px 0;

    }

    #Order_BillZip {width: 44px ;}}

    .widest {width: 100% ;}}

    / * Homepage elements * /.

    body. SFNT #left navigation {display: none ;}}

    body. SFNT #main - content {width: 960px; padding: 0 ;}}

    body. SFNT #main - content h1, body. SFNT #main - happy h2, body. H3 #main - content SFNT {margin-left: 20px ;}}

    #header {}

    background: url(images/header.jpg) no-repeat scroll center top transparent;

    height: 280px;

    20px margin: 10px 0 0;

    Width: 960px;

    }

    #header a {}

    position: absolute;

    Width: 940px; height: 250px;

    }

    #header has {span

    display: none;

    }

    {#free-shipping}

    background: transparent url(images/shipping-banner.jpg) top no-repeat;

    Width: 960px; height: 50px;

    padding-bottom: 20px;

    float: left;

    }

    #free - shipping a {}

    position: absolute;

    Width: 940px; height: 46px;

    }

    #free - shipping a span {}

    display: none;

    }

    left-ad # {}

    background: transparent url(images/left-ad.jpg) top no-repeat;

    Width: 460px; height: 132px;

    padding-bottom: 20px;

    margin-top: 20px;

    float: left;

    }

    left-ad # a {}

    position: absolute;

    Width: 460px; height: 132px;

    }

    a span {left-ad #}

    display: none;

    }

    right-ad # {}

    background: transparent url(images/right-ad.jpg) top no-repeat;

    Width: 460px; height: 132px;

    padding-bottom: 20px;

    float: right;

    margin-top: 20px;

    }

    right-ad # a {}

    position: absolute;

    Width: 460px; height: 132px;

    }

    right-ad a span {#}

    display: none;

    }

    / * - Welcome banner-* /.

    {#welcome banner}

    background: url(images/welcome-bg.jpg) no-repeat scroll center top transparent;

    float: left;

    height: 128px.

    margin: 15px 0 0 10px;

    padding-bottom: 10px;

    Width: 687px;

    Display: inline;

    }

    #welcome - banner h1 {}

    color: #523F29;

    margin: 0;

    padding: 0;

    }

    #welcome - banner p {}

    color: #523f29;

    Width: 650px;

    margin-top: 10px;

    }

    #welcome - banner a {}

    color: #523f29;

    text-decoration: underline;

    margin-top: 10px;

    padding: 0 20px 10px 20px;

    }

    / * - end welcome banner-* /.

    / * - End newsletter-* /.

    {#social-media}

    background: url(images/socialMedia-bg.jpg) no-repeat scroll center top transparent;

    float: left;

    height: 128px.

    margin: 15px 0 0 20px;

    Width: 220px;

    Display: inline;

    }

    # media social .the-icon {}

    display: inline;

    float: left;

    margin: 55px 0 0 18px;

    padding: 0;

    }

    / * - End newsletter-* /.

    / *-subpages-* /.

    #main - content h1 {}

    margin: 0 20px 20px 10px;

    color: #0f0f0f;

    }

    / * - image css machine-* /.

    .thumbnails {}

    display: block;

    margin: 0 0 0 60px banner;

    padding: 0;

    Width: 230px;

    }

    .thumbnails li {}

    Display: block;

    float: left;

    margin: 5px 5px 0 0;

    padding: 0;

    Width: 150px;

    height: 150px;

    text-align: center;

    border: 1px solid #eeeeee;

    cursor: pointer;

    }

    .thumbnails li span {}

    Display: inline-block;

    height: 100%;

    text-align: center;

    vertical-align: middle;

    }

    .thumbnails li img {}

    vertical-align: middle;

    }

    {.swatches}

    Display: inline;

    margin: 0;

    padding: 0;

    }

    . Swatches li {}

    Display: block;

    float: left;

    margin: 4px 4px 0 0;

    padding: 0;

    Width: 50px;

    height: 50px;

    text-align: center;

    border: 1px solid #eeeeee;

    cursor: pointer;

    }

    . Swatches li span {}

    Display: inline-block;

    height: 100%;

    text-align: center;

    vertical-align: middle;

    }

    . Swatches li img {}

    vertical-align: middle;

    }

    {.product-image-margin

    height: 8px;

    }

    {.closeup}

    position: absolute;

    top: 150px;

    Padding: 15px;

    Background: #fff;

    border: 3px solid #eaeaea;

    text-align: center;

    display: none;

    z index: 9999;

    min-width: 274px;

    min-height: 274px;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    box-shadow: rgba(0,0,0, 0.75) 0px 0px 25px;

    -moz-box-shadow: rgba(0,0,0, 0.75) 0px 0px 25px;

    -webkit-box-shadow: rgba(0,0,0, 0.75) 0px 0px 25px;

    }

    . CloseUp a {}

    cursor: pointer;

    position: absolute;

    right:-15px;

    top:-15px;

    z index: 9999;

    Color: #ff0000;

    }

    {#closeup - legend

    margin: 15px 15px 0;

    padding: 5px;

    Police: "BOLD" 14px Arial, Helvetica, without serif.

    color: #fff;

    Background: #666;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    box-shadow: rgba(255,255,255, 0.75) 0px 0px 25px;

    display: none;

    }

    {.closeup_backing}

    position: absolute;

    left: 0px;

    Top: 0px;

    Background: #000;

    Background: RGBA (0,0,0,.6);

    Filter:alpha(opacity=60);

    Width: 100%;

    z-index: 100;

    }

    . CTGY .product-details .product name.

    . PLST .product-details .product name.

    . SRCH .product-details .product-name {}

    height: 40px;

    }

    Holy Mexican mole sauce! That's a lot of CSS code.

    All you really need is this:

    {body

    Background: #2 c 2825 url(images/topBg-repeat.jpg) no repeat center top fixed;

    }

    See a live demonstration:

    http://ALT-Web.com/demos/fixed-background.shtml

    Nancy O.

    ALT-Web Design & Publishing

    Web | Graphics | Print | Media specialists

    http://ALT-Web.com/

  • Centering and 100% in the browser display do not work.

    I believe I followed the instructions that have been posted previously and I did some reading on a centering page and display a page at 100% but I can't seem to make it work properly. I might have a conflict or something can help you.


    I designed a website that was 1000px wide and now they want changed (they want a picture of both sides of the page) - so, rather than completely change around and trying to mess with the areas and stamps and all that fun stuff. I decided to leave the #container (which is were all the data for the site and the model is applied to other pages, the size will change - the height will change, but the width should be 100px). who was there and then completely wrapp in another div tag I called #master_container, then I inserted 2 div more tags and placed images of each side as desired. I followed the instructions above (because now the site is so large display in a browser is diffacult). I need the site to do 3 things.

    -i it must display centered on the page so that any browser, it is displayed in or what screen size it is seen on this subject is at the center of the screen.

    -I also that it fits on the screen of the person using it so that they see the whole page as one and it is not a huge space empty on one side - now he is on the right.

    -If you know how to do the two images on the side scrolling of the screen that the person scrolls down the page

    HERE IS MY SITE XHTML CODE:

    < ! DO. TYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

    " < html xmlns =" http://www.w3.org/1999/xhtml ">

    < head >

    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"

    < title > Untitled Document < /title >

    < style type = "text/css" >

    < / style >

    "" < link href = "... / Unicorn_main_layout_template_oldform - CopytestCSS.css" rel = "stylesheet" type = "text/css" / >

    < / head >

    < body >

    < div id = "Master_container" >

    "" < div id = "ancestor_left" > < img src = "... / Images/ancestor_cropped.jpg" width = '659' height = '1003' alt = "ancestor right" / > < / div >

    < div class = "container" > b < / div >

    "" < div id = "ancestor_right" > < img src = "... / Images/ancestor_cropped.jpg" width = "659" height = "1003" alt = "ancestor_right" / > < / div >

    < / div >

    < / body >

    < / html >

    HERE'S THE STYLESHEET CSS ATTACHED TO THE MODEL I AM APPLYING TO ALL PAGES OF THE SITE.

    @charset "utf-8";

    / * CSS document * /.

    {#body}

    text-align: center;

    margin: 0;

    padding: 0;

    Width: 100%;

    height: 100%;

    }

    {#Master_container}

    Width: 2300px;

    margin: 0 auto;

    text-align: left;

    margin-right: auto;

    margin-left: auto;

    }

    {#ancestor_left}

    float: left;

    Width: 660px;

    }

    . Container {}

    height: auto;

    Width: 1000px;

    }

    {#ancestor_right}

    Width: 660px;

    float: right;

    }

    THANK YOU SO MUCH FOR YOUR HELP!

    First page, try this:

    {#Containter}

    do-family: "Comic Sans MS", 'Cooper Std Black', 'Copperplate Gothic Bold. "

    font size: xx-large.

    background-color: #909;

    Width: 1000px;

    text-align: center;

    Auto margin: 0;  / * with width, it is centered * /.

    }

    Nancy O.

  • my firefox browser does not load at all no matter what page but explore and google chrome. How to repair?

    my firefox browser does not load at all no matter what page but explore and google chrome. How to repair?

    Hello, these questions can also be caused by security/firewall software which does not correctly and therefore blocks updated versions of firefox: solve connection problems to websites after Firefox update

  • Last night suddenly when I right click view image in firefox, they appear centered and on a black background. He is generally meant to be a white background and the image that appears at the top left. How to get back to it?

    I have a problem with something in firefox, it is quite minor, but still bothers me. Last night suddenly when I right click view image in firefox, they appear centered and on a black background. He is generally meant to be a white background and the image that appears at the top left. I don't remember what I did to change this if it's my fault; If anyone knows how to get back to it, I would be grateful.

    This is the new behavior in Firefox 11.

    See also:

Maybe you are looking for