• Resolved gchandler

    (@gchandler)


    I am unable to get the google search box at the bottom of my page http://www.hotrodhomepage.com to center. The box is located in the footer of my template.

    This is the css that I am using:

    #footer google_search {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter gchandler

    (@gchandler)

    Also I seem to be having an issue with the horizontal scroll bar. I acts as if the content of my page is much wider then anything that is displayed.

    I am using firefox on windows XP. This issue does not show up on safari under osX.

    Thanks in advance for the help.

    In Firefox, use the web developer toolbar (get it if you have not yet got it) and see outline block level elements.

    Thread Starter gchandler

    (@gchandler)

    Any more advice?

    Thread Starter gchandler

    (@gchandler)

    Someone must have some insight into this issue?

    How about this:

    #google_search table{
    margin-left: auto;
    margin-right: auto;
    }

    The web developer toolbar came in handy for that 🙂

    (Tested in Firefox only)

    “Someone must have some insight into this issue?”

    Please try and remember that we’re all volunteers here and that what you’ve posted is a CSS query in a WP support forum.

    Try adding the following to the bottom of your css file.
    #footer #google_search {
    margin:0 auto;
    width:500px;
    }

    Thread Starter gchandler

    (@gchandler)

    ifelse thanks, I was missing the # in front of google_search. Syntax errors are a pain.

    Works now.

    Thanks to everyone that helped out.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘CSS formatting Issue’ is closed to new replies.