CSS problem help would be appreciated...

[Anonymous]

Hey guys,

I know this is a css post in a php forum, but was hoping someone could shed some light...

Having a problem using absolute positioning with forms and text boxes. I have the following code to construct the table:

<div id= "searchBox">
<form action= "search.php" method= "post">
<table align= "center">
<tr>
<td>Keywords <font size= "1px" color= "#ff9933">(Optional)</font>::</td></tr>
<tr>
<td>Include <font color= "#ff0000">ANY</font> Of These Words</td>
<td><input type= "text" name= "anykeywords"></input></td>
</tr>
</table>

</form>
</div>

Code for div tag:

#searchBox
{
background-image: url(../images/logos/searchBorder.gif);
height: 250px;
width: 400px;
left: 10px;
position: absolute;
top: 238px;
}

Now the problem is that you cannot click on the text box, unless you click choice at the very start of the box, this can be viewed at http://www.scottishnurse.co.uk. It appears from some debugging to have to do with the absolute tag, not being a css expert i am unsure why??!

Can anyone help, it would be much appreciated.

Thanks

 

[Anonymous]

This looks like an IE problem, so I don't have any suggestions for you. However, have you looked at it in a decent browser lately? You have more serious problems than that..

 

[Anonymous]

Start changing this:
<input type= "text" name= "anykeywords"></input>
to this
<input type="text" name="anykeywords" />

or maybe :? like swirlee said

However, have you looked at it in a decent browser lately? You have more serious problems than that..

 

[Alexej Kubarev]

a bit late on replying
hihi... ^^

 

[Anonymous]

a bit late on replying
hihi... ^^

:yawn:
Only kep me mind on the problem not thinking about the date
soz

 

[Alexej Kubarev]

However it might be a usefull reply to someone