/    Sign up×
Community /Pin to ProfileBookmark

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.
[url]http://projep.t35.com/[/url]

to post a comment
CSS

5 Comments(s)

Copy linkTweet thisAlerts:
@Ben_RogersauthorMar 15.2004 — I 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?
Copy linkTweet thisAlerts:
@Daniel_TMar 15.2004 — 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:
&lt;!--[if IE]&gt;
&lt;link rel="stylesheet" type="text/css" href="iestyles.css" /&gt;
&lt;![endif]--&gt;

-Dan
Copy linkTweet thisAlerts:
@SamMar 15.2004 — try this:
html,body{
width:800px;
}
Copy linkTweet thisAlerts:
@Ben_RogersauthorMar 15.2004 — 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.
Copy linkTweet thisAlerts:
@Ben_RogersauthorMar 15.2004 — I've got it now....
<i>
</i>&lt;body&gt;
&lt;div id="body"&gt;
&lt;!--...--&gt;
&lt;/div&gt;
&lt;/body&gt;

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...
<i>
</i>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.
×

Success!

Help @Ben_Rogers spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.14,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...