Search Box always same position in header

  • Unknown's avatar
    fragfo0d · Member ·

    Hi all,

    I wanted to ad the searchbox in my header on a specific place.
    To do this, I added the position: absolute to the stylesheet.
    Offcourse this works on one screenresolution. Using another screen resolution will resolve in the searchbox being on a totally different place.

    This is what I got so far:
    #searchform {position:absolute; top: 80px; right: 170px; text-align:right; font-size:12px; color:#FFF;}
    #searchform input {height: 13px;}

    The only option I see to get the searchbox always on the same position is to place the searchbox div into the header div. However before I do this and basically create my own theme, I would like to know if there are any other solutions for this problem?

    Regards,

    Frag

  • Unknown's avatar
    supportbot · Member ·

    You did not specify a blog address or reason for posting when you created this topic.

    This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

    If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

    This is an automated message.

  • Unknown's avatar
    buzzlair · Member ·

    okay, lets get this thing done.

    one way you can do this is by giving it float. float the form or the div to either left or right.

    and put div style clear both under the respective div.

    this solution will work on any resolution perfectly.

  • Unknown's avatar
    raincoaster · Member ·

    No, it will not. Without a link to the blog in question, you’re never going to be able to give appropriate answers.

  • The topic ‘Search Box always same position in header’ is closed to new replies.