Internet Explorer / FireFox

xC4RN4G3x

xC4RN4G3x

Newbie
Joined
Aug 3, 2004
Messages
468
Reaction score
0
ok i use explorer for the most of my time creating / looking at sites. However, i've created a new site using a lot of CSS and somehow it doesnt look right in Firefox.
http://xthost.info/carnage/index.html
i need some help tweaking the code to make it "fit" for firefox. somehow i dont think its possible. i borrowed some code to have the jelly fluid layout. Also don't comment on the quality of the images because i just tweaked them to make the whole site under 100kb. its prolly around 75kb or so right now. if any CSS masters(and or html masters) know how this works in FireFox i would be greatly in debt.
 
Well, Firefox is based on the actual standards. Microsoft likes to do its own thing with Internet Explorer for the specific reason that's causing your problem. If they have the most common browser and it uses its own weird syntax and tags... there's a greater potential for the site to look like shit in another browser or just not work (which is what Microsoft wants) unless the author does some extra tweaking. In rare cases, it's so bad that you almost have to have two different versions of the site and automatically redirect people to their browser-specific version. That makes it harder for better browsers to be adopted... because a lot of people won't use an alternative browser if it doesn't display their sites correctly and a lot of people that design sites won't cater to an alternative browser unless it gets enough market penetration. If I'm in a particularly bad mood I make it just redirect people, when it detects Internet Explorer, to a page with an explanation as to why I don't support IE and some download links to Firefox / Opera. :laugh:
 
In short, Firefox does CSS right, IE does it wrong. It's good that you're using CSS though.

Here's a nice tip - check out this Doctype when making CSS sites in the future, it'll help you to get your site to look the same in IE & FF:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

I managed to get my site to look the exact same in IE & FF, although I haven't tried it out in Opera or other browsers.

Also, what do you mean by jelly fluid layout? <EDIT> I just searched google and I found that it means fixed width but centered in the middle. I think I did this by using a "margin: auto" on a container div. Gets it aligned to the center anyway, not sure if it's the right way to do it.
 
hmmm..i tried that code u gave me to make it transitional...but nothing changed. :( does anyone have the code to detect if they are using mozilla? i will probably just create two versions....any tips?
 
OCybrManO said:
Well, Firefox is based on the actual standards. Microsoft likes to do its own thing with Internet Explorer for the specific reason that's causing your problem. If they have the most common browser and it uses its own weird syntax and tags... there's a greater potential for the site to look like shit in another browser or just not work (which is what Microsoft wants) unless the author does some extra tweaking. In rare cases, it's so bad that you almost have to have two different versions of the site and automatically redirect people to their browser-specific version. That makes it harder for better browsers to be adopted... because a lot of people won't use an alternative browser if it doesn't display their sites correctly and a lot of people that design sites won't cater to an alternative browser unless it gets enough market penetration. If I'm in a particularly bad mood I make it just redirect people, when it detects Internet Explorer, to a page with an explanation as to why I don't support IE and some download links to Firefox / Opera. :laugh:
Click to expand...

i like the cut of your jib, young man

FF :thumbsup:
 
will adding a margin:auto to a container div really make it centered? i'm gonna go test it out. if anyone could post the code for broswer detection, that would be awesome. another question: ok lets say i only want my site to work on one broswer, which broswer do u guys suggest? firefox? :| i'm kinda oldschool...still use explorer. lol.
EDIT: i just tried it....ok i'm gonna tweak some more. my site just got seriously f*cked up. i need to rearragne everything. gimme some time :D
 
OK. Once you have the core CSS code all polished up, I have a tip for you. It's basically item number one on any "Web Design 101" course:

Do not, under ANY circumstances, use marquees.

:)

The rest of it looks good, except for the problems in FF.
 
yes i realizes that after i made the site. but i really didnt give a sh*t since i was just testing out my CSS skills. lets say it was funner to make with code than with the actual look. it was like a lesson i guess. :)
 
EDIT: Nevermind, didn't have the latest version.

It looks fine to me now in both browsers.
 
You must log in or register to reply here.

Similar threads

MFL
Fascinating look at the ongoing psychological evolution of flat hieirarchies.
Replies
2
Views
2K
Tollbooth Willie
Tollbooth Willie
Dekstar
Counter-Strike: GOing Deep - Part 1
Replies
17
Views
5K
Ennui
Ennui
kineaesth
  • Locked
  • Sticky
How to successfully post images: some simple guidelines.
Replies
0
Views
9K
kineaesth
kineaesth
Munro
Havok
Replies
0
Views
3K
Munro
Munro
M
  • Locked
Talking With a Noob (READ IT, VERY FUNNY)
Replies
8
Views
2K
Hectic Glenn
Hectic Glenn
Back
Top