Peggy Coats wrote:
> any idea why IE 6 and 7 are throwing off the content div to the right on this
> site-in-progress?
>
> site: http://ambientglow.com/garage/priestess/web/index.html
>
> CSS: http://www.ambientglow.com/garage/priestess/web/css/priestess.css
Hi Peg. You'll need to change quite a bit. Take a look at this revised
CSS and the comments. In most cases here you were doing too much
positioning when simply using margin would work better and cause the div
that follow to automatically adjust. I didn't check these changes in
IE7, but it looks the same in IE6 and FF2:
*.clear <--remove this whole rule set. You don't need it as far as I
can tell...
{
clear: both;
padding-bottom: 1px; /* for Gecko-based browsers */
/*margin-bottom: -1px;
height: 15px;
}*/
#container {
width: 1000px;
/*left: auto; <--remove all within the comments
right: auto;*/
/*clear: left;*/
position: relative;
margin: 0 auto;
padding: 0px;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 0.90em;
color: #000000;
background-image: url(../images/bg.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 800px;
padding: 1px; /*add this. fixes Gecko*/
}
#nav {
position: relative;
z-index: 2;
height: auto;
text-align: center;
font-weight: bold;
/*left: 450px; <--remove all within the comments
bottom: 0px;*/
/*right: 0px;*/
/*top: 50px;*/
padding: 0px;
margin: 50px 0px; /*added*/
}
#nav table { /*added*/
margin: 0 100px 0 auto;
}
#content {
position: relative;
z-index: 3;
width: 735px;
height: 428px;
border: 1px solid #000000;
background-image: url(../images/content-bg.gif);
background-repeat: no-repeat;
/*top: 200px; <--remove all within the comments
right: 107px;
left: 108px;*/
padding-right: 0px;
padding-bottom: 25px;
padding-left: 25px;
margin: 0 auto; /*added*/
}
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS.
Pre-made designs, designer tools, and reseller program available!
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
