/    Sign up×
Community /Pin to ProfileBookmark

I very much dislike IE

Copy linkTweet thisAlerts:
Feb 17.2007

I cannot stop running into div problems in IE which display perfectly fine in Firefox. My page even passes validation at W3C, and my CSS file also passes validation there as well.

I am on the verge of putting up a script that when the person loads the site – tells them to use Firefox because IE can’t display it properly. I can’t even upload content right now because of this problem.

If anyone can find anything as to why IE is doing this, feel free to view source code at this link (and take a look how it looks in Firefox vs IE)

[B]*Problem Fixed*[/B]

to post a comment
HTML

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@WebJoelFeb 17.2007 — Looking at your code, yes, -it validates. But I spotted about a dozen things that *I'd* fix right away (not the least of which is that serverly outdate <center> ~foo~ </center> that tries to center the page...

I have your code... give a few minutes to look it over. ?
Copy linkTweet thisAlerts:
@blade52xauthorFeb 18.2007 — Ok I fixed the title

What's an alternative to <center>? I've always used those ?
Copy linkTweet thisAlerts:
@EmerickFeb 18.2007 — use css to center ur page instead of html.

Liquid CSS code:

[FONT=Courier New]div#container

{

margin-left: 10%;

margin-right: 10%;

}[/FONT]

[FONT=Courier New][/FONT]

[FONT=Courier New]FIXED CSS CODE:[/FONT]

[FONT=Courier New][/FONT]

[FONT=Courier New]div#container

{

margin-left: auto;

margin-right: auto;

width: 50em;

}[/FONT]
Copy linkTweet thisAlerts:
@WebJoelFeb 18.2007 — I have got the code updated quite a bit, -and reduced in size by about 1/3rd. Looks great in IE (of course), -but in Firefox I still have (apparently) an un-cleared float to contend with. I'll give it a rest for the night and go at it again tomorrow. ? (looks good) ?

And yes, 'centering' is best done by stating a WIDTH (either px, em or %), andf adding "margin:0 auto;". That substracts the "width" of the element from the width of the user's screen, and 'auto-centers' the left-and-right. "centered".

I have seen Firefox 'stumble' with "<center></center>" (although it [I]should[/I] still be ble to read & understand this...)

"<center></center>" is deprecated, -as is the reviled "<font></font>" tag...
Copy linkTweet thisAlerts:
@blade52xauthorFeb 18.2007 — Well, ok. I guess after working on a website back in 2001-2002, those tags just stuck with me. Never knew they went deprecated.

I'll end up throwing all paragraph/font styles into the css.

I figured out my problem in that FF and IE seem to treat divs differently. It seems like in FF that the div width is fixed, but I had an object in there that was larger then the div size, and IE resized it to fit.

Also if the font tag is deprecated, what do people do now? Just use <p class="somestyle"> ?
Copy linkTweet thisAlerts:
@felgallFeb 18.2007 — Or just style all the paragraphs the same and then you don't need the class and can just use CSS to style all the paragraphs is one command.
Copy linkTweet thisAlerts:
@WebJoelFeb 18.2007 — This was quite the lil' troublemaker, -wasn't it?? :eek: I had quite a time getting even a closely-resembled version. I have most assuredly left-out some of what you had in there, but this looks nearly the same now for IE as Fx. I can't view the 'google ads' in my Firefox 'offline', -I must have 'ads turned off' and I get a big, blank spot, but I am assuming that this would work. I adjusted the width to make it fit on 800x600 without horizontal scrolling. This only reduced your existing width by a very small amount. All the CSS is 'internal', -nothing is referanced 'outside'. I CSS is 'shadowed-out' because it is not used, -but i assume that you still want to use it.

I'll work with it some more later, but this is about as close as I can get it.

[upl-file uuid=b17f0915-77ec-496d-a27f-0b2a36aee851 size=3kB]pc-blue.zip[/upl-file]
×

Success!

Help @blade52x 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.19,
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,
)...