Hi All,
I'm trying to place a 'Search form' in the right side of the header.
Within <div id="header">, <div id="logo-title"> with logo image is floated left. <div id="header-blocks"> with 'Search form' is floated right:
However as you can see from the link below, it is not floated far enough.
I spent quite some time trying to fix it, but had no success.
Can anybody give me a hint?
P.S. The CSS I use for "logo-title" and "header-blocks":
#logo-title /* Wrapper for logo, website name, and slogan /
{
border: 1px #634 solid;
float: left; / SVK */
}
#header-blocks /* Wrapper for any blocks placed in the header region /
{
border: 1px #234 solid;
clear: none; / SVK /
float: right; / SVK */
}
Comments
You have a "skip-to-nav"
You have a "skip-to-nav" div, including a "Skip to Navigation" link, to the right of your search box. You can see it by using Firebug in Firefox, and by moving your mouse to the right of the search box and the top of the open space.
Thanks, Jason. I completely
Thanks, Jason. I completely overlooked it before.