Sponsored by Sony Pictures
Watch a scene from 2012, in theaters November 13 view!
whowillsurvive2012.com - Get ready for the biggest event in history – the end of time. How will you survive? 2012- opening 11/13
70 Comments
- jacobmp92, on 10/12/2007, -11/+164This article isn't why browsers render differently. It just describes the different page margins in IE and Gecko.
The primary reason they render differently is because IE sucks. - fkr3, on 10/12/2007, -9/+60The primary reason they render differently is because if you ask 3 teams of programmers to write software to one set of specifications you're going to get 3 different results.
- HunterTV, on 10/12/2007, -2/+49Stalker.
- Naga10, on 10/12/2007, -1/+38Apparently we're not allowed to have new users.
- evilesttoast, on 10/12/2007, -2/+38How about why PNG's are off colored in IE?
- Slipknotic, on 10/12/2007, -2/+24I think that's one of the best site layouts i've ever seen....
- tempusrob, on 10/12/2007, -0/+20"CSS-DIVs"
And if you knew anything about CSS and HTML you'd know better than to use a phrase like "CSS-DIVS" ... - TenebrousX, on 10/12/2007, -0/+16Flash is what real webmasters use!
excuse me while I hang myself - OneAndOnlySnob, on 10/12/2007, -3/+18fkr3: "The primary reason they render differently is because if you ask 3 teams of programmers to write software to one set of specifications you're going to get 3 different results."
And yet the point of the specification is to define the result you should get. Clearly, one team of programmers failed. - fkr3, on 10/12/2007, -15/+29bury , forgot to hit reply
- kris33, on 10/12/2007, -1/+15LOL! What are you gonna use then? Tables?
- tkinnun0, on 10/12/2007, -0/+13Most likely all 3 teams failed, because the specification is clearly unclear. Doesn't excuse any of those 3 teams, of course.
And yes, a real why, instead of how, would have been nice. - euphemizeme, on 10/12/2007, -2/+15If only there were a set of... I'll call them "standards" ...by which all browsers would behave similarly.
- woodcoxcb, on 10/12/2007, -1/+11haha and i've never looked back since i switched to them from tables...
- Haplo, on 10/12/2007, -0/+9psxman is right, in a way. HTML has nothing to do with rendering. It's a mark up language, it provides hints, at best, what a piece of enclosed text is. HTML is /not/ about presentation, and hence HTML is /not/ about rendering, it's even not limited to visual.
And that's what makes HTML so wonderful.
Also note that the title of this submission is wrong, the article itself is /not/ about HTML, but about the presentation part which is done via CSS. - Haplo, on 10/12/2007, -0/+9"The primary reason they render differently is because "
HTML is /not/ about presentation. It never was (until some people started to extend it in the wrong way that is). It always has been up to the user agent to decide how, for example, the h1 element should look, sound, smell, or whatever. - xutopia, on 10/12/2007, -0/+8@ david76 "IE usually sucks because people are using the wrong doctype, HTML 4.01 Transitional."
That is very true in cases where HTML/CSS just doesn't seem to work. Where IE really sucks is when you have to deal with JS issues. Error messages are cryptic at best, CSS doesn't cascade in dymamically created elements, and all the other oddities that make you scratch your head in bewilderment. - fkr3, on 10/12/2007, -2/+10Only one failed? IE renders differently to Opera. FF renders differently to IE. Safari renders differently to FF. etc etc.
Anyone who thinks a set of directions mean the end result is set in concrete needs to buy something from IKEA. Then to put it in perspective multiply the job by about a gazillion. - inactive, on 10/12/2007, -9/+17This man speaks the truth.
Also, the reason that HTML renders differently in different browsers is because the browser engines don't have the exact same source code.
This is like writing an article called "Why ZIP compression is different than SIT compression"
They're completely different things. - andrewry, on 10/12/2007, -0/+7Just thought this might help someone. When I code, I always start off my CSS documents by setting elements such as p, li, ul, h1, etc. with a padding and margin of zero. Usually I just use:
* { margin: 0; padding: 0; }
To date, I haven't had much trouble with inconsistencies between Firefox, IE, and other browsers. - Atomic1fire, on 10/12/2007, -3/+10All cars have to work the same
why cant browsers - grobinson, on 10/12/2007, -0/+5@ rubah
I assume psxman means the point of HTML is to be rendered differently, because different browsers are needed for PC, cell phones, PDAs, etc. which they are correct - btipling, on 10/12/2007, -1/+5It's like web dev 101, gives you an idea of the average digger's 'tech skills' (not very high).
- fkr3, on 10/12/2007, -2/+6All cars don't work the same.
You have gas, diesel, electricity and hybrids. Then you have different kinds of tires, different size motors etc. Then you have different features and luxuries, different appearances etc. Some don't work at all.
Fundamentally they work the same, and so do browsers, but they're all different. - YokohamaGaijin, on 10/12/2007, -0/+3People still use IE?!?
- enkafan, on 10/12/2007, -0/+3To continue the PNG color discussion, it does have to do with the gamma correction. Technically you might even consider IE getting it "right." Regardless, the way to fix this is to use something like SuperPNG or any other tool out there that can strip PNG meta data.
- monkeyrun, on 10/12/2007, -1/+4The answer is simple, because it's written differently......
- fkr3, on 10/12/2007, -1/+4Why not save bandwidth and just do:
*{border:0px;border-collapse:collapse;padding:0px;margin:0px;font-weight:normal;text-decoration:none;list-style-type:none;font-size:100%;}
139 bytes added to the start of your css script, versus an entirely seperate http request that's 4 times the size, and for some bizarre reason has a license even though it's just applying some css styles. - BaconSquid, on 10/12/2007, -0/+2I'm going to say IE has it wrong. I've had problems where FF and Opera would end up with a gif and png of the same colour, visually the same, but have IE make the exact same gif and png look like completely different in colour.
- TexanPsycho, on 10/12/2007, -1/+3There's nothing like complaining about IE.
- WeaponMit, on 10/12/2007, -1/+3@monkeyrun - "The answer is simple, because it's written differently......"
Wrong, you can write two applications differently and still end up with the same exact result when the applications are executed. - tuartboy, on 10/12/2007, -0/+2"Probably for the same reason that all colors are off in Safari: different gamma correction."
Actually, funny thing is: Safari is right and every other browser's colors are off.
To my knowledge (and i've read this several times) Safari is the only browser that supports color profiles. So, if you didn't profile your web graphics properly (or not use a profile), safari will display it with a different profile then what you intended. It is, however, what you (without knowledge) told it to do. - inactive, on 10/12/2007, -0/+1Not to mention people don't follow w3c interoperability standards to ensure it looks proper in different browsers/platforms.
- starguy, on 10/12/2007, -0/+1It sure is driving me crazy. I can't figure out why when the last cell on the table on my site is drawn in Internet Explorer, it puts an ugly line across the bottom which is the table background color. It does this in no other browser. Anybody have a clue, please message me, because its driving me up the wall. http://anarchy-tv.com
- grobinson, on 10/12/2007, -0/+1The author makes a lot of good points, I see it mostly for beginner-intermediate web developers.
I'm surprised he didn't go into more detail about css filters/hacks; like the asterisk *. - inactive, on 10/12/2007, -0/+1good stuff for mobile development?
- tofuComputer, on 10/12/2007, -0/+1Author: "The global reset is useful for beginners who don't understand that they need to control everything or who simply forget that elements like forms have a great big margin in IE but none in other browsers."
Uhh, no.
It saves a lot of lines of code, file size, time and my fingers.
However, this is a very well-written article and valuable. - babyboy808, on 10/12/2007, -0/+1Eh no *****... I wish they the *****' retards didn't but they do
- fkr3, on 10/12/2007, -0/+1* isn't a hack ...
- panique, on 10/12/2007, -0/+1Gee, anyone who has ever tried to code to a published standard know there are always any number of sections that are ambiguous or subject to interpretation in the specs. That's why almost every standard gets revised eventually.
- tomarocco, on 10/12/2007, -0/+1...that's going to be implemented in Web 3.0.
- SVPirate, on 10/12/2007, -0/+1So who is to blame for different browsers reading CSS differently? Is W3 to blame for not making the spec clear in all cases? Are the developers to blame for not following the W3 specs? Whatever it is it's the cause of a lot of headaches for web designers... And don't even get me STARTED on Javascript...
- yahoofrom, on 10/12/2007, -0/+1Web standards are like the Bible. Everybody has different interpretation.
- nonchallant0819, on 03/28/2008, -0/+0This is a great story... found this one through http://www.google.com
___________________________________
http://www.TopNotchCarpentry.com - SVPirate, on 10/12/2007, -1/+1CSS controls the rendering of HTML. That means differences in interpreting CSS means the resultant HTML renders differently. The HMTL is the junk users see, and it's the bit that matters ultimately.
- vikings999, on 10/10/2007, -0/+0If only there were a set of...
http://megryan1.bravehost.com
http://gearsofwar1.bravehost.com
http://savagegardend.bravehost.com - dkubb, on 10/12/2007, -1/+1Yahoo announced two weeks ago that it would also serve the CSS files (like it's CSS Reset file) directly to users. This obviously saves bandwidth at your end, but it has the added benefit of being cached in the browser. The more sites that link directly to this file, the greater the likelyhood the browser will already have the file in its cache.
I'd recommend using Yahoo CSS Reset file over the technique introduced in this article and the alternative approaches mentioned in the comments. - dcinmich, on 07/31/2008, -0/+0After days of scouring the Web looking for some answers on how to properly code my sidebar content boxes I stumbled across this page. Hands down the best I found on this particular subject. Of special note is the section on re-setting padding and margins to zero and the Coup de grâce - the Global White Space Reset. Awesome.
- wintelekt, on 12/19/2007, -0/+0nice layout www.wintelekt.com
- karinneandressa, on 10/10/2007, -0/+0I think that's one of the best site layouts i've ever seen....
however not taste very of the treatment that the IE makes with the HTML
Karinne
http://blog.fenon.com.br
http://www.jogosonlinegratis.org -
Show 51 - 70 of 70 discussions



What is Digg?
Browsing Digg on your phone just got easier with our enhancements to the