Floatutorial: Float basics - The Diigo Meta page

• 12 Mar 16
  

  Lalit Kumar
  • "A floated box must have an explicit width..."
  • If no width is set, the results can be unpredictable. Theoretically, a floated element with an undefined width should shrink to the widest element within it. This could be a word, a sentence or even a single character - and results can vary from browser to browser.
  • Block level elements above a floated element will not be affected by it. However, elements below will wrap around the floated element
  • While content will wrap around a floated element, border, background image and background color will extend underneath

  2 more annotations...

• 16 Jan 15
  

  osinisa

  css

• 28 Oct 14
  

  cozziel
  • If there isn't enough horizontal room on the current line for the floated box, it will move downward, line by line, until a line has room for it.
• 21 Aug 14
  

  danthedane

  tutorials properties floats examples CSS

• 22 Aug 12
  

  Julian Elve

  css float design webdesign

• 08 Jun 12
  

  Oscar Garcia

  css

• 11 May 12
  

  Chelsea Quake

  css float webdesign tutorial tutorials howto floatutorial development

• 20 Jan 12
  

  Ruth Lindemann

  Computers and Internet HTML_Javascript Info

• 09 Dec 11
  

  chilliscope

  float

  css tutorial

• 18 Nov 11
  

  danaron

  Software CSS

• 04 May 11
  

  Naoj Gior

  float tutorial webdesign

• 31 Mar 11
  

  Mike Finney

  webdesign css float tutorial

  • always set a width on floated items
• 05 Oct 10
  

  arthur paul

  css

• 07 Jul 10
  

  Esfand S

  css float floatutorial tutorials

• 03 Dec 09
  

  iseevisions

  css float tutorials webdesign

• 19 Nov 09
  

  Teeku Patel

  guide howto css tutorial webdesign design layout tutorials float basics floatutorial WEB210

• 21 Oct 09
  

  ajaydarez

  css

• 25 Sep 09
  

  chrisjbird

  css float webdesign

• 06 Sep 09
  

  amit_e

  css float tutorials collection

• 02 Sep 09
  

  Monica Messaggi Kaya

  css tutorial webdesign delicious

• 24 Aug 09
  

  jose joao

  tutorials webdesign development css

• 18 Aug 09
  

  Kevin Campbell

  CSS float tutorial

• 12 Jun 09
  

  ben a

  floats float css samples

• 05 Jun 09
  

  Michael Fedder

  Float basics

  CSS tutorial cs1 curriculum

• 11 May 09
  

  walter waldner

  css float

• 07 Apr 09
  

  webdesign web design reference tools css development delicious

• 19 Mar 09
  

  Paul Matthews

  css imported

• 10 Feb 09
  

  Gustavo Pereira

  css

• 16 Jan 09
  

  Emily Brackett

  howto css float

• 31 Dec 08
  

  Gautham K
  • You should always set a width on floated items
  • If no width is set, the results can be unpredictable. Theoretically, a floated element with an undefined width should shrink to the widest element within it. This could be a word, a sentence or even a single character - and results can vary from browser to browser.
  • Block level elements above a floated element will not be affected by it. However, elements below will wrap around the floated element:
  • If you do not want elements below a floated element to wrap around it, you can apply the clear property to the following element using "clear: left", "clear: right" or "clear: both".

  2 more annotations...

• 06 Nov 08
  

  CSS_Tutorials

• 03 Nov 08
  

  webdesign web_design css float

• 24 Aug 08
  

  Nightowl Nightowl

  css floats tutorials webdesign

• 08 Apr 08
  

  mtourtellott

  css

• 17 Mar 08
  

  pete liljegren

  css

• 04 Feb 08
  

  hellyski

  css float tutorial webdesign tutorials howto

• 21 Jan 08
  

  P eter

  CSS tutorial webdesign

• 29 Nov 07
  

  pantherchat

• 19 Sep 07
  

  css development delicious

• 05 Sep 07
  

  Yehia A.Salam

  Very good tutorial explaining float and other css layout techniques

  css

• 17 Aug 07
  

  Benx Shen
  • When you float an element it becomes a block box.

  • You should always set a width on floated items (except if applied directly to an image - which has implicit width). W3C's Cascading Style Sheets, level 2, CSS2 Specifications states: 

     

      "A floated box must have an explicit width..." 

     

      If no width is set, the results can be unpredictable.
• 24 Jun 07
  

  torifat

  css tutorial webdesign html float

• 09 Apr 07
  

  setlord

  css tutoriales inglés float diseño_web html layout

• 04 Apr 07
  

  jozek grzymala

  css tutorial

• 28 Mar 07
  

  Michel Auger

  css

• 12 Mar 07
  

  Jon Phipps

  5_stars css tutorials webdesign

  • Float basics
• 14 Feb 07
  

  paul petty

  css float development

• 20 Nov 06
  

  fusion

  Floatutorial takes you through the basics of floating elements such as images, drop caps, next and back buttons, image galleries, inline lists and multi-column layouts.

  css float reference webdesign

• 18 Aug 06
  

  Cesar GP

  css tutoriales

• 22 Jun 06
  

  Fabio Carrascosa

  CSS tutorial

• 27 Mar 06
  

  Josh Ellithorpe

  design html css

• 01 Mar 06
  

  alecx69

  CSS float tutorials

• 26 Feb 06
  

  Alain Giaume

  css

• 20 Feb 06
  

  Fritz Mahnke

  float CSS

• 09 Dec 05
  

  rigo2009

  Informations about floating

  Dev CSS

Would you like to comment?

Join Diigo for a free account, or sign in if you are already a member.