Comments on: Understanding CSS Floats http://www.vanseodesign.com/css/understanding-css-floats/ Helping you build search engine friendly websites Wed, 17 Mar 2010 07:04:49 -0600 http://wordpress.org/?v=2.9 hourly 1 By: 47 CSS Tips & Tricks To Take Your Site To The Next Level | CSS | instantShift http://www.vanseodesign.com/css/understanding-css-floats/comment-page-1/#comment-58595 47 CSS Tips & Tricks To Take Your Site To The Next Level | CSS | instantShift Tue, 16 Mar 2010 03:12:52 +0000 http://www.vanseodesign.com/?p=977#comment-58595 [...] are two basic methods to clearing CSS floats. The first is to use the clear [...] [...] are two basic methods to clearing CSS floats. The first is to use the clear [...]

]]> By: Steven Bradley http://www.vanseodesign.com/css/understanding-css-floats/comment-page-1/#comment-55678 Steven Bradley Mon, 01 Mar 2010 20:25:05 +0000 http://www.vanseodesign.com/?p=977#comment-55678 Thanks for the kind words Pavitra. Floats confused me when I first started learning CSS and I tried to remember that confusion when I was writing this post. I guess it worked to help make things clearer for others. It's funny you mention going from HTML to CSS. I'm working on a post for another site on just that topic. I'll post something here when that post is published. It's still a couple weeks away. Eventually I want to write some posts here that will be similar and serves as case studies for moving a design from a PSD file to a developed website. Thanks for the kind words Pavitra. Floats confused me when I first started learning CSS and I tried to remember that confusion when I was writing this post. I guess it worked to help make things clearer for others.

It’s funny you mention going from HTML to CSS. I’m working on a post for another site on just that topic. I’ll post something here when that post is published. It’s still a couple weeks away.

Eventually I want to write some posts here that will be similar and serves as case studies for moving a design from a PSD file to a developed website.

]]> By: Pavitra http://www.vanseodesign.com/css/understanding-css-floats/comment-page-1/#comment-55377 Pavitra Sat, 27 Feb 2010 17:18:40 +0000 http://www.vanseodesign.com/?p=977#comment-55377 Best tutorial about floats ever ....THANKS .... and I have been reading them all :-( :-( :-( What I like, as in your Positionning explanations, it is the clarity, the absence of fat, the images you use (both physical and verbal) .... Only thing missing, but it is always the case, is how do I come from my awesome and sophisticated, circonvoluted layout in Photoshop, to the same design in HTML/CSS ??? In the old times it was a piece of cake with the tables .... And nowdays the only solution as convenient is the use of absolutely positionned elements, then centered in the browser thanks to a relatively positionned container ... Which of course gives an overdose of in the code and a non-semantic mark-up.... But nowhere did I found a tutorial or explanation on how to convert the Photoshop layout in a float composition .... Only a 2 or 3 columns solution ... Can you maybe point towards it ...? Best tutorial about floats ever ….THANKS …. and I have been reading them all :-( :-( :-(
What I like, as in your Positionning explanations, it is the clarity, the absence of fat, the images you use (both physical and verbal) ….
Only thing missing, but it is always the case, is how do I come from my awesome and sophisticated, circonvoluted layout in Photoshop, to the same design in HTML/CSS ???
In the old times it was a piece of cake with the tables ….
And nowdays the only solution as convenient is the use of absolutely positionned elements, then centered in the browser thanks to a relatively positionned container … Which of course gives an overdose of in the code and a non-semantic mark-up….
But nowhere did I found a tutorial or explanation on how to convert the Photoshop layout in a float composition …. Only a 2 or 3 columns solution …
Can you maybe point towards it …?

]]> By: Huge List Of Links Submitted By Users Of Tripwire Magazine | Jeremy Bryant http://www.vanseodesign.com/css/understanding-css-floats/comment-page-1/#comment-51813 Huge List Of Links Submitted By Users Of Tripwire Magazine | Jeremy Bryant Thu, 11 Feb 2010 20:51:59 +0000 http://www.vanseodesign.com/?p=977#comment-51813 [...] Understanding CSS Floats [...] [...] Understanding CSS Floats [...]

]]> By: Steven Bradley http://www.vanseodesign.com/css/understanding-css-floats/comment-page-1/#comment-45773 Steven Bradley Tue, 08 Dec 2009 18:42:53 +0000 http://www.vanseodesign.com/?p=977#comment-45773 Thanks Daniel. You are correct about the second image. I replaced it with one that says floated right. Nice catch. Thanks Daniel. You are correct about the second image. I replaced it with one that says floated right. Nice catch.

]]> By: Steven Bradley http://www.vanseodesign.com/css/understanding-css-floats/comment-page-1/#comment-45771 Steven Bradley Tue, 08 Dec 2009 18:27:57 +0000 http://www.vanseodesign.com/?p=977#comment-45771 Thank you. Thank you.

]]> By: Steven Bradley http://www.vanseodesign.com/css/understanding-css-floats/comment-page-1/#comment-45770 Steven Bradley Tue, 08 Dec 2009 18:26:51 +0000 http://www.vanseodesign.com/?p=977#comment-45770 Thanks Mantas Thanks Mantas

]]> By: HTML5 et CSS pour l'intégrateur web -- css 4 design http://www.vanseodesign.com/css/understanding-css-floats/comment-page-1/#comment-45603 HTML5 et CSS pour l'intégrateur web -- css 4 design Mon, 07 Dec 2009 00:08:12 +0000 http://www.vanseodesign.com/?p=977#comment-45603 [...] Understanding CSS Floats — La propriété float expliquée en texte, code et illustration. Des explications claires et didactiques en anglais. [...] [...] Understanding CSS Floats — La propriété float expliquée en texte, code et illustration. Des explications claires et didactiques en anglais. [...]

]]> By: Daniel http://www.vanseodesign.com/css/understanding-css-floats/comment-page-1/#comment-45300 Daniel Fri, 04 Dec 2009 07:34:38 +0000 http://www.vanseodesign.com/?p=977#comment-45300 Great post! Question beside to the section "Containing Floats". Isn't the seconds image wrong? Shouldn't there be another text in the lower float saying: "Sidebar floated right and too wide..." ? Great post!
Question beside to the section “Containing Floats”. Isn’t the seconds image wrong? Shouldn’t there be another text in the lower float saying: “Sidebar floated right and too wide…” ?

]]> By: Online Business Management Software and Services » Blog Archive » How Well Do You Understand CSS Positioning? http://www.vanseodesign.com/css/understanding-css-floats/comment-page-1/#comment-43992 Online Business Management Software and Services » Blog Archive » How Well Do You Understand CSS Positioning? Mon, 23 Nov 2009 19:25:09 +0000 http://www.vanseodesign.com/?p=977#comment-43992 [...] how each box affects the others around it. Positioning schemes include the normal document flow, floats, and several types of positioned [...] [...] how each box affects the others around it. Positioning schemes include the normal document flow, floats, and several types of positioned [...]

]]>