Comments on: CSS and DIV layout: The main pitfalls https://billauer.se/blog/2009/04/css-div-layout-main-pitfalls-cascaded-style-sheets/ Anything I found worthy to write down. Thu, 26 Mar 2026 13:15:15 +0000 hourly 1 http://wordpress.org/?v=3.1.2 By: eli https://billauer.se/blog/2009/04/css-div-layout-main-pitfalls-cascaded-style-sheets/comment-page-1/#comment-576 eli Fri, 19 Aug 2011 18:34:11 +0000 https://billauer.se/blog/?p=108#comment-576 Outdated? Most issues are directly related to the CSS standard, so they're not expected to expire. And I mention versions in conjunction with specific browser-related problem. I trust the reader to judge for himself how relevant IE6 is at any time. Outdated? Most issues are directly related to the CSS standard, so they’re not expected to expire. And I mention versions in conjunction with specific browser-related problem. I trust the reader to judge for himself how relevant IE6 is at any time.

]]> By: Chris https://billauer.se/blog/2009/04/css-div-layout-main-pitfalls-cascaded-style-sheets/comment-page-1/#comment-575 Chris Fri, 19 Aug 2011 17:30:25 +0000 https://billauer.se/blog/?p=108#comment-575 VERY outdated, needs an update! That or removed, very misleading with today's browsers. VERY outdated, needs an update! That or removed, very misleading with today’s browsers.

]]> By: Habib Hadi https://billauer.se/blog/2009/04/css-div-layout-main-pitfalls-cascaded-style-sheets/comment-page-1/#comment-486 Habib Hadi Mon, 07 Mar 2011 09:10:16 +0000 https://billauer.se/blog/?p=108#comment-486 If we are working with up to date browser of Mozilla, Opera or else except IE then no problem. All will be work fine. And Programmer need to program/make website for other who are fond of IE also some are doesn't know mozilla/opera exist or not! But they wanna things which is up to date...Problem is you can't play NFS Most Wanted in Pentium 2 PC. If we are working with up to date browser of Mozilla, Opera or else except IE then no problem. All will be work fine.

And Programmer need to program/make website for other who are fond of IE also some are doesn’t know mozilla/opera exist or not!

But they wanna things which is up to date…Problem is you can’t play NFS Most Wanted in Pentium 2 PC.

]]> By: Anton https://billauer.se/blog/2009/04/css-div-layout-main-pitfalls-cascaded-style-sheets/comment-page-1/#comment-485 Anton Thu, 03 Mar 2011 21:26:26 +0000 https://billauer.se/blog/?p=108#comment-485 Good article. I'm fairly new to web design and these points are all good and helpful to have a handle on. PS join the anti ie6 revolution - add this code to your web pages! "<!--[if lt IE 7]>--> Time to upgrade your browser If you're reading this, you're surfing using Internet Explorer 6, a twelve-year-old browser that cannot cope with the demands of the modern internet. For the best web experience, we strongly recommend upgrading to <a href="http://www.getfirefox.com/" rel="nofollow">Firefox</a>, <a href="http://www.opera.com/" rel="nofollow">Opera</a>, <a href="http://www.apple.com/safari/" rel="nofollow">Safari</a>, <a href="http://www.google.com/chrome" rel="nofollow">Google Chrome</a>, or a more recent version of <a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx" rel="nofollow">Internet Explorer</a>. " Good article. I’m fairly new to web design and these points are all good and helpful to have a handle on. PS join the anti ie6 revolution – add this code to your web pages! “

Time to upgrade your browser
If you’re reading this, you’re surfing using Internet Explorer 6, a twelve-year-old browser that cannot cope with the demands of the modern internet. For the best web experience, we strongly recommend upgrading to Firefox, Opera, Safari, Google Chrome, or a more recent version of Internet Explorer.

“

]]> By: Michelle https://billauer.se/blog/2009/04/css-div-layout-main-pitfalls-cascaded-style-sheets/comment-page-1/#comment-387 Michelle Mon, 15 Feb 2010 18:47:24 +0000 https://billauer.se/blog/?p=108#comment-387 "If the styling is going to be used once anyhow, why not put it directly in the HTML?" Because of the "Cascading" part of CSS. It's much easier for me to keep track of anomolies inside one CSS file than to check half a dozen pages where I might have an exception. Then I can easily see what part of the anomoly is different and what it shares with the parent style, so that if I redesign, I only have to correct one place and it changes automatically (plus these IDs can be reused across different pages). For example: h1 { border: 1px solid blue; font-size: 15px; color: blue; } h1#special { color: red; } I do agree that ids are over-used (part of overall CSS divitis), but they can be very useful from a style-tracking pov. “If the styling is going to be used once anyhow, why not put it directly in the HTML?”

Because of the “Cascading” part of CSS. It’s much easier for me to keep track of anomolies inside one CSS file than to check half a dozen pages where I might have an exception. Then I can easily see what part of the anomoly is different and what it shares with the parent style, so that if I redesign, I only have to correct one place and it changes automatically (plus these IDs can be reused across different pages). For example:

h1 { border: 1px solid blue; font-size: 15px; color: blue; }
h1#special { color: red; }

I do agree that ids are over-used (part of overall CSS divitis), but they can be very useful from a style-tracking pov.

]]> By: Loligo Blog https://billauer.se/blog/2009/04/css-div-layout-main-pitfalls-cascaded-style-sheets/comment-page-1/#comment-373 Loligo Blog Wed, 23 Dec 2009 16:43:20 +0000 https://billauer.se/blog/?p=108#comment-373 <strong>Tables for Layout: The Only Option for Hardware-Independent and Re-Sizable Pages...</strong> It's finally possible to make an informed decision Now that the design decisions are no longer clouded in concerns about browser capabilities, it was finally possible to attempt a CSS layout (CSS-P), and consider it critically as a design option.... Tables for Layout: The Only Option for Hardware-Independent and Re-Sizable Pages…

It’s finally possible to make an informed decision

Now that the design decisions are no longer clouded in concerns about browser capabilities, it was finally possible to attempt a CSS layout (CSS-P), and consider it critically as a design option….

]]> By: Annoying CSS issue and solutions « Far Away Trains Passing By https://billauer.se/blog/2009/04/css-div-layout-main-pitfalls-cascaded-style-sheets/comment-page-1/#comment-355 Annoying CSS issue and solutions « Far Away Trains Passing By Mon, 01 Jun 2009 00:46:23 +0000 https://billauer.se/blog/?p=108#comment-355 [...] We know that using CSS and DIV elements is the most versatile way to layout a web page. But when you drop tables you lose the browser’s native ability to resize elements properly when the user changes the window size, views on a mobile device, or changes the font size.  Eli details some of the common problems on his blog. [...] [...] We know that using CSS and DIV elements is the most versatile way to layout a web page. But when you drop tables you lose the browser’s native ability to resize elements properly when the user changes the window size, views on a mobile device, or changes the font size.  Eli details some of the common problems on his blog. [...]

]]> By: eli https://billauer.se/blog/2009/04/css-div-layout-main-pitfalls-cascaded-style-sheets/comment-page-1/#comment-351 eli Thu, 28 May 2009 18:18:17 +0000 https://billauer.se/blog/?p=108#comment-351 As for the issue with floats (pitfall #5), IE7 is still showing it wrong. Just checked with IE 7.0.573 under XP. I would love to "drop support" for certain browsers, but when it comes to layout, it's my site that's going to look bad. It's not like the browser puts a sign saying "Oops I just messed things up". Too bad... As for the issue with floats (pitfall #5), IE7 is still showing it wrong. Just checked with IE 7.0.573 under XP.

I would love to “drop support” for certain browsers, but when it comes to layout, it’s my site that’s going to look bad. It’s not like the browser puts a sign saying “Oops I just messed things up”.

Too bad…

]]> By: Michael B https://billauer.se/blog/2009/04/css-div-layout-main-pitfalls-cascaded-style-sheets/comment-page-1/#comment-349 Michael B Thu, 28 May 2009 18:02:17 +0000 https://billauer.se/blog/?p=108#comment-349 Sad that IE6 renders those things radically different, but I think with IE7 it mostly shows as you would expect (at least with floating/positioning issues). And last I checked, according to gs.statcounter.com, IE6 is down to about 10% of users, the rest being IE7+, Firefox, Safari, Opera, Chrome. I wonder if we should care about IE6 anymore - Google Doesn't: (http://www.tgdaily.com/html_tmp/content-view-40785-140.html) Sad that IE6 renders those things radically different, but I think with IE7 it mostly shows as you would expect (at least with floating/positioning issues).
And last I checked, according to gs.statcounter.com, IE6 is down to about 10% of users, the rest being IE7+, Firefox, Safari, Opera, Chrome.
I wonder if we should care about IE6 anymore – Google Doesn’t: (http://www.tgdaily.com/html_tmp/content-view-40785-140.html)

]]> By: Scott Armit https://billauer.se/blog/2009/04/css-div-layout-main-pitfalls-cascaded-style-sheets/comment-page-1/#comment-345 Scott Armit Tue, 19 May 2009 21:19:42 +0000 https://billauer.se/blog/?p=108#comment-345 Thank you for this. My page IS a mess because I did everything bad you wrote in this article. I like your matter-of-fact writing style. Suited me nicely. On my way to fix my crap. Thank you. Thank you for this. My page IS a mess because I did everything bad you wrote in this article. I like your matter-of-fact writing style. Suited me nicely. On my way to fix my crap. Thank you.

]]>