February 18th, 2004, 10:32 PM
|
 |
Contributing User
|
|
Join Date: Apr 2007
Location: Neverland
Posts: 606
Time spent in forums: 1 h 3 m 26 sec
Reputation Power: 2
|
|
|
More Opera CSS problems
My problem is that a form that is supposed to display within a container is actually displaying half way down the page. The container itself displays fine. But the contents is displaced.
This is the css for the keycontainer
Code:
#keycontainer {
background-color: #ccc;
border-bottom: 1px solid #000;
position:relative;
margin-top: 0px;
text-align: right;
margin-left: 0;
height: 22px;
padding: 0em 2em; } /*** IE6 needs this to display the div ***/
This is the form css:
Code:
form {
margin: 0 5px;
padding: 0px;
}
The code is basically this:
Code:
<div id="keycontainer" align="right">
<form name="keywordform" method="get" action=<?=SUB_SEARCH_PAGE?>>
<input type="text" name=<?=KEY?> value="<?=$keydefault?>" size="18" maxlength="30">
in
<select name=<?=SRCHTYPE?>>
<option value=<?=TITLEDESC?> <?=$titledesc?>>Title & Description</option>
<option value=<?=AREA?> <?=$area?>>Area</option>
<option value=<?=CITY?> <?=$city?>>City</option>
</select>
<input type="submit" value="Go"></span>
</form>
</div>
This problem is only in opera (not mozilla, not IE6, not Netscapse).
It also occurs in a title container
css:
Code:
#searchtitlecontainer {
border: 1px solid #233622;
font-family: Tahoma;
font-size: 12px;
color: #003366;
font-weight: bolder;
background: #FFFFDF;
width:70%;
height: 20px;
margin: 8px 149px 5px 10px;
padding: 5px 5px 5px 5px;
position: relative; } /*** for IE6 ***/
* html #searchtitlecontainer {
margin-top: 3px; } /*** resets the value for IE6 and IE5-Mac ***/
Sorry for the long post. Any advice on why opera does this and how to fix it would be appreciated.
|
Codewalkers Forums Sponsor:
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
