Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Div being pushed to right in IE

Status
Not open for further replies.

Blueman2

Technical User
Aug 5, 2008
27
US
I thought this might be a margin doubling problem but it's not. The Div - "#rck_feature" is being pushed around 250px to the right when viewed in IE. It's fine in firefox. If anyone can help with this I'd appreciate it. Thanks

Here's the css:
Code:
body {
	margin: 0;
	padding: 0;
	background: #000000;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#wrapper {
	background: #E1CC95;
	height: 768px;
	width: 1000px;
	margin: 20px auto;
	position: relative;
}
#header {
	background: url(images/slices/header-bk.jpg) no-repeat;
	height: 134px;
	width: 1000px;
}
#feature {
	height: 376px;
	width: 764px;
	background: url(images/slices/rack-feature.jpg) no-repeat;
}
#buttons3 {
	height: 376px;
	width: 236px;
	background: url(images/slices/3buttons.jpg);
	position: relative;
}
#bullet-1 {
	height: 35px;
	position: absolute;
	top: 97px;
	color: #F6CE6E;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	left: 33px;
	width: 161px;
}
#rck_feature {
	color: #F6CE6E;
	text-decoration: none;
	height: 265px;
	width: 215px;
	margin-top: 100px;
	margin-left: 61px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background: #0000CC;
	text-align: left;
}


.fltrt {
	float: right;
}
.fltlft {
	float: left;
}
.clrflt {
	clear: both;
}



Here's the HTML:
</head>

<body>
<div id="wrapper">
  <div id="header"></div>
  <div class="fltlft" id="buttons3">
    <div id="bullet-1">Shop For Racks</div>
   </div>
  <div class="fltrt" id="feature">
    <div id="rck_feature">
      <ul>
        <li>Content for this area</li>
        <li>Take advantage of the protection that your sax cases are designed to ensure for your fine instruments.</li>
        <li>Minimize required storage space.</li>
        <li>Easily store and access each of your saxes without accidentally toppling other cases.</li>
        <li>Eliminate scuffed walls and crowded closets.</li>
        <li>Easily adjustable for different       size and shaped baritone, tenor, alto, and soprano sax cases</li>
      </ul>
    </div>
  </div>
</div>
</body>
</html>

 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top