Um.. hi. I made a new scheme for my site, which looks right in Mozilla&Firefox, but when I look at it on "IE... crap.
EDIT: Everything gets stretched out in IE, hence my complaint about widths.
<!-- m --><a class="postlink" href="http://projep.t35.com/I">http://projep.t35.com/I</a><!-- m --> made a few fixes, but it seems IE won't let you change the width of the body. Does anyone know a fix to this?You may have to do what I did, and have a seperate stylesheet for IE. You make the stylesheet accomodate IE's box model and insert this code in the document <head>, somehwhere below your original style import:
<!--[if IE]>
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"iestyles.css" />
<![endif]-->
-Dantry this:
html,body{
width:800px;
}It still wouldn't wouldn't show it right, so I kinda fixed it using a lot of !imprtant rules. But I think the real problem is that it doesn't want to have html and body be seperate elements, or have body be an actual element. I'm going to put everything in a container div and see if that helps.I've got it now....
<body>
<div id="body">
<!--...-->
</div>
</body>
then referring to changing my body { rule in the css docs to #body {. It works perfectly now.
And, Dan, have you ever heard of the !important rule? I'll give an example of what it does...
body {
background: blue !important;
/*in all real browsers, the bg will be blue because they understand the !important rule, and if i left it the way it is, ie would also use a blue bg.
background: red;
/*now since the first bg rule had !important, it cant be overridden, and all real browsers will still have a blue bg. but ie, which doesnt follow the rule, will use a red background.*/
}
Pretty nifty. And everyone thanks for trying to help
Woot, the new styles are valid, IE & Mozilla compatible, made for 1024/768 and 800/600, look pretty good in my opinion. Glad that worked out, it'd suck if i had to junk 'em.
EDIT: Everything gets stretched out in IE, hence my complaint about widths.
<!-- m --><a class="postlink" href="http://projep.t35.com/I">http://projep.t35.com/I</a><!-- m --> made a few fixes, but it seems IE won't let you change the width of the body. Does anyone know a fix to this?You may have to do what I did, and have a seperate stylesheet for IE. You make the stylesheet accomodate IE's box model and insert this code in the document <head>, somehwhere below your original style import:
<!--[if IE]>
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"iestyles.css" />
<![endif]-->
-Dantry this:
html,body{
width:800px;
}It still wouldn't wouldn't show it right, so I kinda fixed it using a lot of !imprtant rules. But I think the real problem is that it doesn't want to have html and body be seperate elements, or have body be an actual element. I'm going to put everything in a container div and see if that helps.I've got it now....
<body>
<div id="body">
<!--...-->
</div>
</body>
then referring to changing my body { rule in the css docs to #body {. It works perfectly now.
And, Dan, have you ever heard of the !important rule? I'll give an example of what it does...
body {
background: blue !important;
/*in all real browsers, the bg will be blue because they understand the !important rule, and if i left it the way it is, ie would also use a blue bg.
background: red;
/*now since the first bg rule had !important, it cant be overridden, and all real browsers will still have a blue bg. but ie, which doesnt follow the rule, will use a red background.*/
}
Pretty nifty. And everyone thanks for trying to help
Woot, the new styles are valid, IE & Mozilla compatible, made for 1024/768 and 800/600, look pretty good in my opinion. Glad that worked out, it'd suck if i had to junk 'em.