Need help formatting site to work in IE

Darkmatter5 · February 26, 2009

Here's my CSS

#wrap {
    position: relative;
    width: 100%;
}
#header {
    position: relative;
    height: 80px;
    width: 100%;
    background-color: gray;*/
}
#content_wrap {
    position: relative;
    width: 100%;
    background-color: #A8A8A8;*/
    /*background-color: fuchsia;*/
}
#menu {
    float: left;
    min-height: 600px;
    width: 150px;
    margin: 0;
    padding: 2px;
    border-right: 1px solid gray;
    /*background-color: green;*/
}
#content {
    float: left;
    padding: 2px;
    /*background-color: blue;*/
}
#status {
    float: right;
    min-height: 600px;
    width: 300px;
    margin: 0;
    padding: 2px;
    border-left: 1px solid gray;
    /*background-color: red;*/
}
#yelblk_stripe {
    height: 5px;
    min-width: 100%;
    background: url(../images/stripe.png) repeat-x;
}

Here's my HTML

<body>
<div id="wrap">
  <div id="header">
    <div id="yelblk_stripe" style="position: absolute; bottom: 0px;"></div>
  </div>
  <div id="menu">test</div>
  <div id="content_wrap">
    <div id="content">test</div>
    <div id="status">test</div>
  </div>
</div>

I've attached screens of my site rendered in Firefox and IE, Firefox is how I would like the site to look. Notice the content and status divs are forced below the menu div.

[attachment deleted by admin]

Sign In

Need help formatting site to work in IE

Recommended Posts

Darkmatter5

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information