homepage Welcome to WebmasterWorld Guest from 54.227.215.139
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
Excellent Floats articles
Clearly explained with example images
Hester

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 2230 posted 12:34 pm on Nov 11, 2003 (gmt 0)

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

Float: The Theory [positioniseverything.net]

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

 

billybonds

10+ Year Member



 
Msg#: 2230 posted 6:49 pm on Nov 11, 2003 (gmt 0)

thanks for sharing!

jim

aevea

10+ Year Member



 
Msg#: 2230 posted 8:08 pm on Nov 11, 2003 (gmt 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

TGecho

10+ Year Member



 
Msg#: 2230 posted 8:27 pm on Nov 11, 2003 (gmt 0)

Just takes practice :)

Hester

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 2230 posted 11:14 am on Nov 12, 2003 (gmt 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.

aevea

10+ Year Member



 
Msg#: 2230 posted 3:21 pm on Nov 12, 2003 (gmt 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

Reflection

10+ Year Member



 
Msg#: 2230 posted 6:07 pm on Nov 12, 2003 (gmt 0)

Great stuff!

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved