Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Containers won't line up in different IE's
Old 08-31-2010, 01:39 PM Containers won't line up in different IE's
Extreme Talker

Posts: 218
Trades: 0
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).

Code:
.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:
<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-->
chrisj is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 08-31-2010, 02:46 PM Re: Containers won't line up in different IE's
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
I'll reply anyway, even though I think, as designers, we need to stop supporting IE6 or it will never die it's long overdue death!

We really need to see ALL of the code or a URL to adequately figure out what you're running into, though I suspect you're probably triggering the doubled-float margin bug - which happens when you float an element, then then also have a margin that goes in the same direction as the float.

http://www.positioniseverything.net has a full list of IE's many nasty bugs and how to cure them.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 08-31-2010, 04:09 PM Re: Containers won't line up in different IE's
Extreme Talker

Posts: 218
Trades: 0
Got it. Thanks anyway
chrisj is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Containers won't line up in different IE's
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.33965 seconds with 12 queries