Welcome to WebmasterWorld Guest from 23.23.50.247

Forum Moderators: not2easy

Message Too Old, No Replies

Excellent Floats articles

Clearly explained with example images

     
12:34 pm on Nov 11, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Dec 5, 2002
posts:1318
votes: 0


Articles on floats don't come much better than these:

Float: The Theory [positioniseverything.net]

Flowing and Positioning: Two Page Models [positioniseverything.net]

6:49 pm on Nov 11, 2003 (gmt 0)

Junior Member

10+ Year Member

joined:Oct 30, 2003
posts:54
votes: 0


thanks for sharing!

jim

8:08 pm on Nov 11, 2003 (gmt 0)

Junior Member

10+ Year Member

joined:Aug 24, 2003
posts:175
votes: 0


Both good articles. I learned a lot from the article on floats. Maybe I'll try to use them for positioning things other than images again. The last time I tried to position multiple div's with floats, fear and chaos ensued.

Positioning with css is not easy. Each method has drawbacks and it's hard to bring them together into a coherent page structure. Relative positioning requires care to avoid overlaps/cutoffs (nothing worse than your content div getting cut off by the browser window). Absolute positioning has overlap problems if the space that the div will occupy isn't "cut-out" by the margins of other elements. Absolute positioning also creates the link problems mentioned in the article and more severe link problems with ie mac. Floating is hard to consistently control across browsers. And of course, fixed positioning just plain doesn't work in ie.

But I guess that's what makes it fun,
Adam

8:27 pm on Nov 11, 2003 (gmt 0)

Preferred Member

10+ Year Member

joined:May 24, 2003
posts:381
votes: 0


Just takes practice :)
11:14 am on Nov 12, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Dec 5, 2002
posts:1318
votes: 0


The odd thing is, we've all been using floats since the early days of HTML in the late 90's. Because images are classed as floats. (See the Floatutorial site - or is it Floatamatic?)

I have also just looked at a demo that uses display:inline-block - get your head round that one! It seems to work in the same way as floats in that block elements fit on the same line. Alas the demo only works in Opera 7, and others claim attempts to use the code cause major problems with padding and text.

3:21 pm on Nov 12, 2003 (gmt 0)

Junior Member

10+ Year Member

joined:Aug 24, 2003
posts:175
votes: 0


The odd thing is, we've all been using floats since the early days of HTML in the late 90's. Because images are classed as floats. (See the Floatutorial site - or is it Floatamatic?)

Admittedly I don't have much experience with classic html (and what I do have was through the darkened glass of dreamweaver), but I remember images showing up as inline boxes and messing up the line-height. It's kind of similar to a float because images don't force a new line, but the following text aligns to the baseline rather than the top.

Adam

6:07 pm on Nov 12, 2003 (gmt 0)

Preferred Member

10+ Year Member

joined:May 16, 2003
posts:592
votes: 0


Great stuff!
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members