Forum Moderators: open

Message Too Old, No Replies

Aligning problem in IE7 and above

not displaying properly in ie

         

amrish80

6:25 am on Dec 10, 2009 (gmt 0)

10+ Year Member



i have written code in css to give some effects they work well with mozila,chrom opera and safari but not with ie7 and above.

here is the css code

#subscribe
{
position: absolute;
margin-left: 60px;
border: #97B4A0 1px solid;
height:34px;
width:290px;
padding:10px 5px 0px 5px;
background-color: #fff;
opacity: 0.2;
filter:alpha(opacity=20)
}
#txt
{
position:absolute;
margin-left: 120px;
font-family:Vardana;
font-size:20px;
font-weight:bold;
}
.left_floral
{
margin-left:-80px;
margin-top:15px;
text-align:left;
position:absolute;
display: block;
}
#frm
{
position: absolute;
margin-left:40px;
margin-top:-55px;
width:280px;

}
.right_floral
{
margin-left:257px;
margin-top:-45px;
}

and code for index file
<div id="subscribe" <?php echo $style?>>
</div>
<div id="txt" <?php echo $style1?>>STAY CONNECTED
<div class="left_floral"><img src="images/floral_lft.png" />
<div id="frm">
<form action="" method="post">
<label for="email"><b>Email:</b></label><input type="text" name="email" id="email" />
<input type="submit" name="submit" value="Subscribe" id="hh"/>
</form>
<div class="right_floral"><img src="images/floral_rt.png"/></div>
</div>
</div>
</div>

[edited by: incrediBILL at 6:53 am (utc) on Dec. 10, 2009]
[edit reason] removed personal URLs, see TOS #13 [/edit]

tedster

8:25 am on Dec 13, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Please tell us more about what the alignment problem is. In addition, what is the doctype (DTD) and have you validated the mark-up?

Those 3 items will go a good way toward getting the help you are looking for.