Comments on: Fix Your CSS http://www.search-this.com/2008/07/14/fix-your-css/ Internet Marketing, Website Promotion and Blogging Advice Fri, 12 Mar 2010 19:11:51 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Sutapa http://www.search-this.com/2008/07/14/fix-your-css/comment-page-1/#comment-132170 Sutapa Mon, 16 Mar 2009 10:33:44 +0000 http://www.search-this.com/?p=679#comment-132170 Thanks for this css. Thanks for this css.

]]> By: Max Design - standards based web design, development and training » Some links for light reading (23/7/08) http://www.search-this.com/2008/07/14/fix-your-css/comment-page-1/#comment-77018 Max Design - standards based web design, development and training » Some links for light reading (23/7/08) Tue, 22 Jul 2008 14:39:16 +0000 http://www.search-this.com/?p=679#comment-77018 [...] Fix Your CSS [...] [...] Fix Your CSS [...]

]]> By: Brady J. Frey http://www.search-this.com/2008/07/14/fix-your-css/comment-page-1/#comment-75049 Brady J. Frey Wed, 16 Jul 2008 21:27:52 +0000 http://www.search-this.com/?p=679#comment-75049 Thanks for the great follow up Paul;) Thanks for the great follow up Paul;)

]]> By: Paul OB http://www.search-this.com/2008/07/14/fix-your-css/comment-page-1/#comment-75047 Paul OB Wed, 16 Jul 2008 21:14:53 +0000 http://www.search-this.com/?p=679#comment-75047 Hi Brady, Thanks for the comments :) Of course semantic html should be the object of all our desires but I do tend to keep these examples more generic so its easier for others to understand. The articles are more concerned with showing how things work but of course as you rightly say they should then be incorporated semantically into the layout in question. Maybe in future, I'll also show a real world example as the last example. Hi Brady,

Thanks for the comments :)

Of course semantic html should be the object of all our desires but I do tend to keep these examples more generic so its easier for others to understand.

The articles are more concerned with showing how things work but of course as you rightly say they should then be incorporated semantically into the layout in question.

Maybe in future, I’ll also show a real world example as the last example.

]]> By: Quote Catcher Website Design http://www.search-this.com/2008/07/14/fix-your-css/comment-page-1/#comment-74972 Quote Catcher Website Design Wed, 16 Jul 2008 15:52:44 +0000 http://www.search-this.com/?p=679#comment-74972 This is great stuff - laid out and everything. Thanks for the examples -- bookmarking now! This is great stuff – laid out and everything. Thanks for the examples — bookmarking now!

]]> By: Brady J. Frey http://www.search-this.com/2008/07/14/fix-your-css/comment-page-1/#comment-74966 Brady J. Frey Wed, 16 Jul 2008 15:31:49 +0000 http://www.search-this.com/?p=679#comment-74966 I appreciate the article, it's good to reference for the designers in my office. Would have loved it if you'd use semantic code, instead of some nested divs with content so I didn't have to reexplain 'don't do that, you're wasting ranking and accessibility popping that text just in a div when it has semantic value...' I appreciate the article, it’s good to reference for the designers in my office. Would have loved it if you’d use semantic code, instead of some nested divs with content so I didn’t have to reexplain ‘don’t do that, you’re wasting ranking and accessibility popping that text just in a div when it has semantic value…’

]]> By: Paul OB http://www.search-this.com/2008/07/14/fix-your-css/comment-page-1/#comment-74946 Paul OB Wed, 16 Jul 2008 13:30:29 +0000 http://www.search-this.com/?p=679#comment-74946 Hi H, Thanks for spotting that IE7 bug :( I thought i'd checked IE7 but I think I checked before I added the text-align:center to the body. IE thinks an auto position is relevant to the alignment of the text so id you use text-align:center then the auto position incorrectly gets centered (I believe the same happens with text-align:right) Therefore the fix is simply to add text-align:left to #outer and then center the internal elements instead. I have updated the example. Thanks for pointing it out and sorry I missed it first time around :) Hi H,

Thanks for spotting that IE7 bug :(

I thought i’d checked IE7 but I think I checked before I added the text-align:center to the body.

IE thinks an auto position is relevant to the alignment of the text so id you use text-align:center then the auto position incorrectly gets centered (I believe the same happens with text-align:right)

Therefore the fix is simply to add text-align:left to #outer and then center the internal elements instead.

I have updated the example.

Thanks for pointing it out and sorry I missed it first time around :)

]]> By: H. http://www.search-this.com/2008/07/14/fix-your-css/comment-page-1/#comment-74663 H. Tue, 15 Jul 2008 15:59:18 +0000 http://www.search-this.com/?p=679#comment-74663 Paul, I’m having problems with this in IE7. Viewing your page of the first example in IE7, http://www.pmob.co.uk/search-this/fixed1.htm it is showing the fixed element at the center of the outer div, not at top left corner as shown in Figure 1. Making my own test page of your code results in the same problem. Adding the step with the 100px margin moves the fixed element about 100px to the right of center. I receive the same problem viewing the footer example as well. Of course, everything works fine in Firefox and Safari. Any thoughts? Paul,
I’m having problems with this in IE7. Viewing your page of the first example in IE7,
http://www.pmob.co.uk/search-this/fixed1.htm
it is showing the fixed element at the center of the outer div, not at top left corner as shown in Figure 1. Making my own test page of your code results in the same problem. Adding the step with the 100px margin moves the fixed element about 100px to the right of center. I receive the same problem viewing the footer example as well. Of course, everything works fine in Firefox and Safari.
Any thoughts?

]]>