View Full Version : Search form position problem with Opera

Feb 6th, 2007, 10:34 PM
I have put in search form box inside header div and positioned it using:

#search {
left: 200px;
top: 120px;
position: relative;
display: inline;

<div id="search">
<form id="searchform" method="get" action="<?php bloginfo('home'); ?>"><input type="text" name="s" id="s" size="15" value="search" /></form>

It is fine in IE 7 and Firefox but in Opera, it is still in top corner of header. Any clue?

Feb 7th, 2007, 12:25 AM
By default <form> is block level. You have declared #search to have display: inline. But you cannot nest block level elements within inline elements. Opera is apparently not so forgiving as other browsers.

Try removing display: inline for your #search. If this is not working you may have to show us your live page.

Feb 7th, 2007, 12:52 AM
Thanks! Removing block sorted it out..I have created a problem of my own! :o