Containers won't line up in different IE's

Discussion in 'CSS' started by chrisj, Aug 31, 2010.

  1. #1
    This html and css looks good in IE7 and FireFox, but container-search20 won't line up horizontally to the right of the Flash container - in IE6. The web script I'm using has a seperate IE6 css file and I've played around with the IE6 css, but have been unsuccessful at making it line up horzontally like it does when displayed in IE7 and Firefox. If you can provide assistance to get it to line up in IE6, I'd appreciate it. Thanks. (If your advice is to just forget IE6, no need to reply).

    .container-search10
    	{
    	border:1px solid #E5E5E5;
    	background:;
    	padding:3px;
    	width:965px;
    	height:254px;
    	float:left;
    	margin:5px
    	}
    	
    	.container-search20
    	{
    	border:1px solid #;
    	background:#E5E5E5;
    	text-align:left;
    	font-size: 11px;
    	font-family: arial;
    	color: #ffffff;
    	margin:0px 0px 0px 0px;
    	padding:0px;
    	padding-left:0px;
    	width:361px;
    	height:40px;
    	}
    	
    	.martin
    	{
    	float:right;
    	margin: 0px;
    	padding: 0px;
    	width:360px;
    	height:249px;/*200 + 49 */
    }
    
    td.flash {
    width:86px;
    height:16px;
    margin:0px 0px 0px 0px;
    float: left:
    }
    Code (markup):
    <div class="container-search10">
    	<tr><td class="flash">
    <iframe src="../jukebox/index.html" frameborder="1" height="252" width="595" scrolling="no">
      </iframe>
      </tr></td>
    
    		<div class="martin">
    			<div class="container-search20">
    					<form action="login.php" method="post" accept-charset="UTF-8" class="middletext">
    							<p>
    							<style type="text/css">
    								.form_label {
    									font-size: 100%;
    									color: #000000;
    								}
    								#user_name_login {
    									width: 70px;
    								}
    								#password_login {
    									width: 70px;
    								}
    							</style>
    							<label for="user_name_login" class="form_label">Username&nbsp;</label>
    							<input type="text" name="user_name_login" id="user_name_login" size="10" />
    							<label for="password_login" class="form_label">Password&nbsp;</label>
    							<input type="password" name="password_login" size="10" />
    							&nbsp;&nbsp;<input type="image" src="images/login.png" value="[var.lang_login_now]" class="btn_vid2" style="vertical-align:middle" />
    							<input type="hidden" name="submitted" value="yes" />
    							<input type="hidden" name="remember_me" value="remember_me" />
    						</p>
    					</form>
    				</div><!--container-search20-->
    		</div><!--martin-->
    	</div><!--container-search10-->
    Code (markup):
     
    chrisj, Aug 31, 2010 IP
  2. chrisj

    chrisj Well-Known Member

    Messages:
    606
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    101
    #2
    Got it. Thanks anyway.
     
    chrisj, Aug 31, 2010 IP
  3. Piotr Aszoff

    Piotr Aszoff Active Member

    Messages:
    38
    Likes Received:
    3
    Best Answers:
    2
    Trophy Points:
    53
    #3
    maybe something like this:
    iframe{
    float:left;
    }


    i've checked it in ie6 and ie8 and it looks ok (the iframe and the martin are at the same position horizontaly)
     
    Piotr Aszoff, Aug 31, 2010 IP