Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Apr 2009
    Posts
    29
    Thanks
    1
    Thanked 1 Time in 1 Post

    Float drop issue with IE

    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

    index:

    <!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">
    <head>
    <title> OwenShane Exotic Wooden Pens</title>
    <link rel="stylesheet" type="text/css" href="owen.css" />
    </head>
    <body>
    <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>
    </body>
    </html>

    CSS Here

    Thx

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    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).
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Apr 2009
    Posts
    29
    Thanks
    1
    Thanked 1 Time in 1 Post
    perfect! Nice tut thx!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •