View Full Version : Float drop issue with IE

05-10-2009, 04:49 PM
need a little help getting the "box_right" to stay put in IE. I think I might be running into the double margin bug. Anyhow here what I am working with. Looks fine in FF


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<title> OwenShane Exotic Wooden Pens</title>
<link rel="stylesheet" type="text/css" href="owen.css" />
<div id="main">
<div id="logo"></div>
<div id="nav"><object width="750" height="60">
<param name="movie" value="nav_bar.swf" /><embed src="data/nav_bar.swf" width="750" height="60"></embed></object></div>
<div id="fix">
<div id="boxright">right</div></div>
<div id="boxleft">left</div>
<div id="footer"><br />
Copyright OwenShane.com 2009
<p style="margin-right: 25px" align="right">&nbsp;</p></div></div>

CSS Here (http://www.owenshane.com/owen.css)


05-10-2009, 05:55 PM
I'd recommend you to check http://bonrouge.com/2c-hf-fluid(r).php, which is a good 2 column layout. You may add a width:800px; there to make the basic skeleton for your desired page (without any box model issues of IE (http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug)).

05-11-2009, 03:22 PM
perfect! Nice tut thx!