The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Absolute positioning and input fields… Re: Absolute positioning and input fields…

Kitty Giraudel

I had a glance at your work, and I have to say the form element is pretty messed up. Here is what I ended with:

.header form#search_mini_form {
position: absolute;
top: 32px;
right: 7px;

/* Following lines removed: no point
z-index: 50;
display: block;
width: 251px;
height: 26px; */

.header .form-search button.button {
position: absolute;
top: 6px;
right: 6px;

/* Following lines removed: seems useless
margin: 0;
width: 17px;
height: 17px; */

Nothing more.
I didn’t change anything to the label, neither to the input. But I deleted the .form-search div since it has no point.

You also have a useless span element in the button.